由于uni-table有行点击事件,导致我想单击单元格,查看预览图片时,先响应了行的点击事件,而无法响应图片预览:
可以借用@click.stop的事件修饰符:
<uni-tr v-for="(item, index) in tableData" :key="index" @row-click="rowclick(item)">
<uni-td align="center">
<view @click.stop="preImg($event,item.imgUrl)" style="color: #3280fc;">查看</view>
</uni-td>
<uni-td align="center">{{ item.assetCode}}</uni-td>
<uni-td align="center">{{ item.assetName}}</uni-td>
<uni-td align="center">{{ item.assetSize}}</uni-td>
<uni-td align="center">{{ item.count}}</uni-td>
<uni-td align="center">{{ item.unit}}</uni-td>
</uni-tr>
js:
jumpImg: function(e, imgUrl) {
let urls = [];
urls.push(imgUrl);
uni.previewImage({
urls: urls,
current: 0,
longPressActions: {
itemList: ['发送给朋友', '保存图片', '收藏'],
success: function(data) {
console.log("success previewImage")
},
fail: function(err) {
console.log("failed previewImage")
}
}
});
}
在模拟器上可以预览,但是需要等一段时间才可以看到预览的图片,目前不知道是何种原因