Hbuilderx开发uni-app问题及解决方案记录，持续更新～

1、组件回调函数中，需要传自定义参数时，可以传arguments或者$event作为回调的参数，后面加上自定义参数。
注：传arguments在app端取不到value值，h5可以取到，所以最终传$event。
vue：
@change="changeFun(arguments,item)"
@change="changeFun($event,item)"

js：
changeFun(value,item){
//value为回调的参数,item为自定义参数
}

2、vue中最好不要写比较复杂的js，最好不要写js，语法类似小程序，小程序不支持html有js语法及函数，打包成app会报错,会显示undefined。
例如：.substring();格式化时间;
解决方案：可以用计算属性代替html中的计算之类的

3、uni.showModal ，app上 content参数为空值，弹窗不显示，但是h5会显示，title可为空。

4、选择图片，需要限制大小，否则上传返回的res.data为空

 uni.chooseImage({  
                    count: 9, //默认9  
                    sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有  
                    sourceType: ['album'], //从相册选择  
                    success: function(res) {  
                        let tempFilePaths = [];  
                        res.tempFiles.forEach(item => {  
                            if (item.size < 1048576) {  
                                tempFilePaths.push(item.path);  
                            }  
                        })  
                        if (tempFilePaths.length !== res.tempFiles.length) {  
                            self.$showToast({  
                                text: '请选择1M内的图片'  
                            })  
                        }  
                        if (tempFilePaths.length > 0) {  
                            uni.setStorageSync('activity_products', '');  
                            uni.setStorageSync('activity_photos', tempFilePaths);  
                            uni.navigateTo({  
                                url: './issue1'  
                            })  
                        }  
                    }  
                });  

                            uni.uploadFile({  
                        url: apiList.host + '/gateway',  
                        filePath: item,  
                        name: 'file',  
                        header: {  
                            'content-type': 'multipart/form-data', // 文件类型    
                            'method': 'file.upload.direct',  
                            'mall_code': self.$store.state.mall_code,  
                            '_app-key': 'MjIyMg==',  
                            '_authorization': self.$store.state.token || '',  
                        },  
                        success: function(res) {  
                            console.log('res.data', res.data)  
                            if (res.data) {  
                                let data = JSON.parse(res.data);  
                                if (data.code == 200) {  
                                    let url = data.data;  
                                    photos.push(url);  
                                    if (photos.length == self.activity_photos.length) {  
                                        self.params.photos = photos.join(',');  
                                        self.post();  
                                    }  
                                } else {  
                                    self.$showToast({  
                                        text: data.error  
                                    })  
                                    uni.hideLoading();  
                                }  
                            } else {  
                                self.$showToast({  
                                    text: '发布失败'  
                                })  
                                uni.hideLoading();  
                            }  
                        },  
                        fail: function(res) {  
                            self.$showToast({  
                                text: res.msg  
                            });  
                            uni.hideLoading();  
                        },  
                    })

5、app中使用store，需要在main.js中加 Vue.prototype.$store = store;

6、app中给变量赋值，data中必须要有此变量，否则报错。

7、app运行报错：uni-app unexpected character "
原因：页面中的class=" 之后接的数据换行了

8、app运行报错： [错误] ./pages/member/mobile_modify/mobile_modify.wxml:1:2067: Bad attr data-event-opts with message: unexpected token email.
解决：input标签中写了 v-model="a==1?a:b",这种写法不支持

9、app运行报错：TypeError: $gwx is not a function
网上方法1（无效）:是那个美元符号的问题。。加个空格
解决:是语法不兼容有问题就会报这个错，至于哪里不兼容需要自己找
1.组件中的props 不能使用vue原型的全局数据，需要单独引入使用
2.localStorage.getItem()在app中不识别，不能使用，需用uni的自定义api
3.组件内不能使用data作为props
4.data()中定义的变量，若语法有问题，那么onLoad()中打印任何data中的变量，都为undefined
5.vue中使用函数@tap="autFun('btns','editStock','fun',()=>{return editStockShow(item)})",报错bad attr 'data-ecent-opts' with message:unexpected

10、如下图

11、在app端取不到value值，h5可以取到

解决：
将arguments，改为$event

12、在app端会报错。.title为undefined，h5不会

解决：
改为计算属性

13、html中最好不要做太多js操作，例如格式化时间，app中会显示undefined

14、保存图片到相册 app
1、安卓无效

         //利用plus完成保存到相册    
    let filename = Math.random() +".png"    
            plus.downloader.createDownload(this.imageURL, {    
                filename:"_downloads/"+filename    
            }, (download,status)=>{    
                if(status==200){//下载成功    
                    plus.gallery.save( download.filename, ()=>{    
                        uni.hideLoading();    
                        uni.showToast({    
                            title: '保存成功！'    
                        });    
                    })    
                }    
            }).start()

2、ios有效安卓无效，保存失败

 uni.downloadFile({  
    url: this.code,  
    success(res) {  
        uni.saveImageToPhotosAlbum({  
            filePath: res.tempFilePath,  
            success: function() {  
                self.$showToast({  
                    text: '保存成功'  
                })  
            },  
            fail: function(err) {  
                console.log(err)  
                self.$showToast({  
                    text: '保存失败，请截图分享'  
                })  
            }  
        });  
    },  
    fail: function(err) {  
        console.log(err)  
        self.$showToast({  
            text: '下载失败，请截图分享'  
        })  
    }  
})

3、canvas绘图保存到本地 ios有效安卓 h5绘图不出来，可能是因为下载的图片是base64的；drawImg（）如果是base64图片可以直接canvas绘图，不用downloadfile了，否则安卓不显示；base64直接绘图，h5不显示，安卓ios显示

<canvas style="width: 300px; height: 300px;margin:0 auto" canvas-id="myCanvas" ></canvas>

uni.downloadFile({  
    url: res.data,  
    success(res) {  
        self.drawImg(res.tempFilePath);  
    },  
    fail: function(err) {  
        console.log(err)  
        self.$showToast({  
            text: '下载失败'  
        })  
    }  
})  

drawImg(code) {  
setTimeout(() => {  
    const ctx = uni.createCanvasContext('myCanvas');  
    ctx.drawImage(code, 0, 0, 300, 300);  
    ctx.setFontSize(14);  
    ctx.setFillStyle('#6D7278');  
    ctx.fillText('长按或扫描二维码访问我的门店', 50, 280);  
    ctx.draw();  
    this.code = true;  
}, 500);  
},  
save() {  
let self = this;  
uni.canvasToTempFilePath({  
    x: 0,  
    y: 0,  
    width: 300,  
    height: 300,  
    destWidth: 600,  
    destHeight: 600,  
    canvasId: 'myCanvas',  
    success: function(res) {  
        console.log(res.tempFilePath)  
        uni.saveImageToPhotosAlbum({  
            filePath: res.tempFilePath,  
            success: function() {  
                self.$showToast({  
                    text: '保存成功'  
                })  
            },  
            fail: function(err) {  
                console.log(err)  
                self.$showToast({  
                    text: '保存失败，请截图分享'  
                })  
            }  
        });  
    }  
})  
},

15、app中，组件props为string类型，传值为空串“”，app会显示为true，若默认default为“”，其子组件的props也会显示为true

16、复制api

self.copyText = function(text) {  
        uni.setClipboardData({  
            data: text,  
            success: function(res) {  
                uni.getClipboardData({  
                    success: function(res) {  
                        // app会有默认提示“内容已复制”  
                        // self.$common.Toast({  
                        //  text: self.i18.order.copySuc  
                        // });  
                    }  
                })  
            }  
        })  
    }

解决有默认提示

17、uni.uploadFile() h5 不能写content-type参数，写了会报错，app也可以不写

18、picker：有一个app兼容问题，如果默认值为空，首次手动赋值的时候如果index是0, 页面显示不更新，我看了下文档估计是组件默认值为0的原因，H5没有，我现在处理的是index为0的话就先改为其他值，然后setTimeout赋正确值

19、页面隐藏滚动条，包括横向滚动条

//1.设置全局样式，此方法无效  
 ::-webkit-scrollbar {  
    width: 0;  
    height: 0;  
    color: transparent;  
  }

//2.设置全局样式，此方法h5页面有效，app无效  
 ::-webkit-scrollbar {  
    display: none;  
  }

//3.page.json 页面设置此参数，仅对app有效  
{  
      "path": "pages/home/classifyDetail/classifyDetail",  
      "style": {  
        "navigationBarTitleText": "分类详情",  
        "navigationBarBackgroundColor": "#FFFFFF",  
        "app-plus": {  
          // 禁用原生导航栏  
          "titleNView": false,  
          // 手机端隐藏滚动条，保留滚动效果  
          "scrollIndicator":"none"  
        }  
      }  
  },

20、解决安卓点击两次返回按钮关闭应用问题

// 重写quit方法改为隐藏至后台  
if (!this.$common.isIOS()) {  
  let main = plus.android.runtimeMainActivity();  
  plus.runtime.quit = function () {  
    main.moveTaskToBack(false);  
  }  
}

21、跳转最好都写绝对路径，/pages/……
遇过的问题：h5中，首页写相对路径，./ ../ 首次进页面跳转成功，进入其他tab页面，再回来跳转，无效了
@tap=navigateTo(url)
navigator标签
uni.navigateTo()