子页面返回父页面通过onShow 调用实现数据刷新

Administrator

2021-06-17 cbe649348d0bc5429a92d6c6f0e43e41f3aa88f0

子页面返回父页面通过onShow 调用实现数据刷新

 pages/myself/childen/xinxi.vue

@@ -73,7 +73,11 @@
            return this.$store.state.puserIphone
        },
    },
    mounted(){
    //子页面返回时刷新数据
    onShow(){
        this.getUserInfo();
    },
    onLoad() {
        //页面进入后查询用户账户信息
        this.getUserInfo();
    },

 pages/myself/myself.vue

@@ -108,6 +108,10 @@
                this.useimg = this.$store.state.avatar;
            }
        },
        //子页面返回时执行
        onShow() {
			
        },
        methods: {
            openThere(fn) {
                this[fn]();
@@ -166,22 +170,38 @@
                    that.showTextmsg = false;
                }
            },
            //图片上传
            //头像查看，上传
            ChooseImage() {
                var that = this;
                uni.showActionSheet({
                    // itemList按钮的文字接受的是数组
                    itemList: ["查看头像","更换头像"],
                    success(e){
                        var index = e.tapIndex;
                        if(index === 0){
                            // 用户点击了预览当前图片
                            // 可以自己实现当前头像链接的读取
                            let url  = that.useimg;
                            let arr=[]
                            arr.push(url)
                            uni.previewImage({
                                // 预览功能图片也必须是数组的
                                urls: arr
                            })
                        }
                        if(index === 1){
                            // 用户点击了从图库上传
                    uni.chooseImage({
                        count: 1, //可选择数量，默认9
                        sizeType: ['compressed','original'], //上传压缩图,原图
                        sourceType: ['album','camera'], //从相册选择或从使用相机
                        success: async (res) => {
                            for (var i = 0; i < res.tempFiles.length; i++) {
                                if(res.tempFiles[i].size > 10 * 1024 * 1000){  //上传图片大小限制
                                    if(res.tempFiles[0].size > 10 * 1024 * 1000){  //上传图片大小限制
                                    uni.showToast({
                                        title: "照片大小不能10MB", 
                                        icon: "none"
                                    })
                                    return
                                }
                            }
                            var tempFilePath = res.tempFilePaths;
                            try{
@@ -189,7 +209,6 @@
                                    title:"上传中...",
                                    mask:true
                                })
                                var that = this;
                                // 文件上传
                                uni.uploadFile({
                                    // url: 'https://web.byisf.com/api/blade-jfpts/depl/put-depl', //仅为示例，非真实的接口地址
@@ -206,7 +225,7 @@
                                            url:"http://s16s652780.51mypc.cn/api/blade-user/updateUserInfo",
                                            method:"POST",
                                            data:{
                                                id: this.$store.state.puserID,
                                                        id: that.$store.state.puserID,
                                                avatar:that.useimg
                                            },
                                            success:(res)=> {
@@ -226,13 +245,11 @@
                                uni.hideLoading();
                            }
                        }
                            })
                        }
                    }
                    }); 
                }
            // geton() {
            //     wx.navigateTo({
            //         url: '../poput/workbench/policeDetails/policeDetails?id=111'
            //     })
            // }
        },
    }
</script>