之前一直用的好好的,今天在wxml页面中看到组件中有个bindtap="deleteImg"事件,于是我把这个事件放在js中,想在点击删除图片时触发一些操作,然后就开始报这个错了,js中添加binddelete='deletePic'事件同样会触发,把js恢复原状也没用。
有时重启电脑,重新编译又不会报错,重复上述操作以后报错又会出现。
具体是在图片上传完成后,点击图片预览,然后下方有个删除按钮,点击删除按钮时触发这个报错。
机型是华为 mate20 , 基础库是2.14.1
*********************** wxml ***********************
<mp-cells>
<mp-cell>
<mp-uploader select="{{selectFile}}" upload="{{uplaodFile}}"
files="{{files}}" max-count="1" title="请上传一寸免冠照片" tips="如需更换,请点击照片并删除" ext-class="imageUploader">
</mp-uploader>
</mp-cell>
</mp-cells>
****************************************************
*********************** wxss ***********************
.page__bd .imageUploader {
display: flex;
justify-content: space-evenly;
}
.page__bd .imageUploader icon {
display: none;
}
.page__bd .imageUploader .weui-uploader__hd {
display: flex;
flex-direction: column;
justify-content: center;
}
****************************************************
*********************** js ***********************
Page({
data: {}
})
const db = wx.cloud.database({
env: 'applysystem-test-0fcyrh333ec69c6'
})
Component({
data: {
files: [],
showTopTips: false
},
methods: {
onLoad: function (options) {
this.setData({
selectFile: this.selectFile.bind(this),
uplaodFile: this.uplaodFile.bind(this)
})
},
chooseImage: function (e) {
wx.chooseImage({
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
})
},
selectFile(files) {
// console.log('files', files)
// 返回false可以阻止某次文件上传
this.setData({
file: files.tempFilePaths[0]
});
},
uplaodFile(files) {
return new Promise((resolve, reject) => {
setTimeout(() => {
reject('some error')
}, 1000)
})
}
}
})
****************************************************
我只在给files加了个model,就栈内存溢出了。去掉就又好了。我并没有添加监听器之类的,
<view class="weui-gallery__opr" wx:if="{{showDelete}}"> <!-----navigator href="javascript:" bindtap="deleteImg" class="weui-gallery__del">删除</navigator----> <view bindtap="deleteImg" class="weui-gallery__del">删除</view> </view> 修改组件gallery.wxml文件
我也遇到了同样的问题,请问有解决办法了吗
遇到了同样的问题,点击删除图片的时候会出现这个报错
你好,代码片段麻烦以这种形式提供一下(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。