SwipeCell 滑动单元格

雨点打透心脏的1/2处 2024-04-18 17:29 2阅读 0赞

## 关于事件传递的坑 ##

### uni-app中传递方法 ###

*  废话少说直接上代码

<van-swipe-cell :async-close="true"  id="swipe-cell"  class="swiperCell" @close="onClose" :right-width="70" >
    							<view class="messageInfo">
    								<view class="message-title-img">
    									<image src="https://images.unsplash.com/photo-1551334787-21e6bd3ab135?w=640" mode=""></image>
    								</view>
    								<view class="message-title">
    									<view class="title-name">
    										小野猫
    									</view>
    									<view class="title-info">
    										你在？
    									</view>
    								</view>
    							</view>
    							  <view class="deleteStyle" slot="right" data-right="right" >删除</view>
    							</van-swipe-cell>

#### onClose方法，官方的方法名字不能改 ####

onClose(event) { 
    				console.log(event);
    			    const {  position, instance } = event.detail;
    					console.log(position);
    					console.log(instance);
    			    switch (position) { 
    			      case 'left':
    			      case 'cell':
    			        instance.close();
    			        break;
    			      case 'right':
    			   uni.showModal({ 
    			       title: '提示',
    			       content: '这是一个模态弹窗',
    			       success: function (res) { 
    			           if (res.confirm) { 
    			               console.log('用户点击确定');
    						    instance.close();
    			           } else if (res.cancel) { 
    			               console.log('用户点击取消');
    						    instance.close();
    			           }
    			       }
    			   })
    				   
    			        break;
    			    }
    			  }

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关 SwipeCell 滑动单元格

关于事件传递的坑 uni-app中传递方法 * 废话少说直接上代码 <van-swipe-cell :async-close="true" id...

雨点打透心脏的1/2处/ 2024年04月18日 17:29/ 0 赞/ 3 阅读

相关 Execl锁定单元格

1.自己新建的数据录入模板. 说了直接填不要动,有些沙雕就非要动模板信息,所以为了防这种沙雕,要锁定模板单元格 2.execl默认是锁定所有单元格,先解锁所有单元格 ,锁住需

以你之姓@/ 2022年09月05日 05:30/ 0 赞/ 109 阅读

相关 table合并单元格

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L01yX2Rv

柔情只为你懂/ 2022年09月04日 04:54/ 0 赞/ 223 阅读

相关填充合并单元格

在空白工作簿里单击【数据】→【新建查询】→【从工作簿】，找到要填充合并单元格的文件，根据提示导入数据查询编辑器。按住Ctrl键不放，单击要处理的列标，依次单击【转换】→

你的名字/ 2022年08月30日 14:52/ 0 赞/ 165 阅读

相关合并DataGridView单元格

1、在项目中添加“组件类”。 ![Center][] 2、所引用的命名空间如下： using System; using System.Colle

朱雀/ 2022年08月27日 15:58/ 0 赞/ 308 阅读

相关 DataGridView 合并单元格

该篇文章不完美 DataGridView 没有提供合并单元格的功能，要实现合并单元格的功能就要在CellPainting事件中使用Graphics.DrawLine和 Gra

太过爱你忘了你带给我的痛/ 2022年08月27日 15:58/ 0 赞/ 379 阅读

相关 jgrid合并单元格

方式1：根据grid索引 / @param colIndexs 索引从0开始 / jQuery.fn.tuiTableRowSpan

心已赠人/ 2022年08月20日 05:28/ 0 赞/ 223 阅读

相关 ExtJs合并单元格

前端框架ExtJS4.0 下图为合并后效果：先 ![Image 1][] 最近项目中做Grid显示时，需要将单元格分类然后按一定要求给合并，如果单单是合并表头，

╰半橙微兮°/ 2022年07月21日 12:19/ 0 赞/ 377 阅读

相关 PDFPtable合并单元格

> PdfPtable只能合并列，不能合并行 public static void main(String[] args) throws Exception {

痛定思痛。/ 2022年05月12日 05:42/ 0 赞/ 731 阅读

相关 html 合并单元格

合并单元格学习: 快捷生成表格 table>tr4>td5 加tab,生成四行五列的表格合并单元格：其中一个单元格占据其单元格，然后

亦凉/ 2021年07月24日 15:01/ 0 赞/ 543 阅读