收藏
回答

在使用‘mp-uploader‘组件时控制台报错:‘渲染层错误’?

之前一直用的好好的,今天在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)
            })
        }
	}
})
****************************************************

最后一次编辑于  2020-12-18
回答关注问题邀请回答
收藏

4 个回答

登录 后发表内容
问题标签