uni-table单元格中预览图片：阻止冒泡

由于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")}}});}

在模拟器上可以预览，但是需要等一段时间才可以看到预览的图片，目前不知道是何种原因

uni-table单元格中预览图片：阻止冒泡相关推荐

Element Table 单元格中嵌套表格（Table）合并行效果
在Element中实现表格合并行功能一般是通过自定义span-method方法,此方法要求表格数据源中需要合并行的单元格中数据相同,根据相同数据来实现合并算法. 本例通过在父Table单元格中嵌套子T ...
VBA常用小代码：在单元格中批量插入图片
代码如下: Sub InsertPic() "ExcelHome VBA编程学习与实践 by:看见星光 Dim Arr, i&, k&, n&, pd& Di ...
element表格里面放图片_elementUI 表格中预览图片
表格中有一列显示的图片,现需要点击图片,预览该图片,使用的elementui中的previewSrcList做的图片预览, 但是测试发现,无论点击表格中的那张图片,预览的大图都是从第一张图片,开始预览 ...
Winform DataGridView列的单元格中动态添加图片和文字
先上图在说,第二列中图片和文字的样式 1.需要重写DataGridViewTextBoxColumn,新建类TextAndImageColumn.cs 1 using System; 2 using ...
html 表格方向键,javascript实现的使用方向键控制光标在table单元格中切换
效果截图: html 代码: 选择货架号 #table1 td { text-align:center; width:15%; } #table2 td { text-align:center; wi ...
kitty终端ranger预览图片
之前在macOS中使用iterm2终端用ranger预览图片正常.最近切到archlinux了,使用kitty终端模拟器.也想实现ranger中预览图片. 相关阅读: <终端中的文件管理器ran ...
JS实现上传图片的三种方法并实现预览图片功能
在常见的用户注册页面,需要用户在本地选择一张图片作为头像,并同时预览. 常见的思路有两种:一是将图片上传至服务器的临时文件夹中,并返回该图片的url,然后渲染在html页面: 另一种思路是,直接在本地 ...
使用微信内置浏览器预览图片
在微信H5开发中预览图片,可以使用其他的一些图片预览插件,但是这样却不能把其中的某张图片发送给好友.对于这种情况可以使用微信内置浏览器图片预览功能,就可以解决这个问题.不说废话直接看代码: 1.首先 ...
uniapp中上传图片（拍摄）和预览图片(图例和示例代码)
uniapp中上传图片和预览图片图例: 示例代码: 内容 uni.chooseImage上传图片 uni.previewImage预览图片复习下uniapp的上传图片和预览图片需求:可以拍摄和上 ...

uni-table单元格中预览图片：阻止冒泡

uni-table单元格中预览图片：阻止冒泡相关推荐

最新文章

热门文章