【Vue】【uni-app】【小程序】多层嵌套方法导致this指向出错：解析 JSON 失败: TypeError: Cannot read property ‘push‘ of undefined

千醉爱吃西红柿

已于 2024-09-25 08:55:34 修改

阅读量441

点赞数 13

分类专栏：小程序 vue 文章标签： vue.js uni-app 小程序前端 vue javascript json

于 2024-09-24 15:27:22 首次发布

本文链接：https://blog.youkuaiyun.com/SSRHR/article/details/142490264

版权

项目场景：

在使用vue+uni-app开发微信小程序的时候，调试报错：解析 JSON 失败: TypeError: Cannot read property ‘push’ of undefined
报错如下：
在这里插入图片描述

问题描述

以下是出问题的代码：

data() {
   
        return {
   
            fileLists: [],        
        }
       }

// 上传文件        
        chooseMessageFile() {
   
            var uid = this.uid
            wx.chooseMessageFile({
   
                count: 1, // 默认9
                type: 'file',
                // extension: ['.zip', '.docx', '.doc', '.pdf', 'txt', '.csv', '.xlsx', '.ppt', '.pptx'],
                success: function (res) {
   
                    console.log(res)
                    const tempFilePaths = res.tempFiles[0].path;
                    const tempFileName = res.tempFiles[0].name;

                    wx.uploadFile({
   
                        url: BASE_API_URL + '/Upload/upload', //接口地址
                        filePath: tempFilePaths,
                        name: 'file',
                        formData: {
   
                            'uid': uid
                        },
                        success: (res) => {
   
                            try {
   
                                const jsonData = JSON.