mint-ui actions sheet 参数用法

问题

使用mintui actions sheet组件,通过方法生成项目如下:

 data.userSys.forEach((v, i) => {
             this.actions.push({
              name: v.orgName,
              method: this.switchSys(v.orgid)
        });
 );

method是点击相应actions执行的方法
结果,方法会依次执行。

过程

查看actions sheet源码,如下

<ul class="mint-actionsheet-list" :style="{ 'margin-bottom': cancelText ? '5px' : '0' }">
   <li v-for="( item, index ) in actions" class="mint-actionsheet-listitem" @click.stop="itemClick(item, index)">{{ item.name }}</li>
</ul>

得知,点击时会执行itemClick(item,index),而itemClick方法如下:

itemClick(item, index) {
      if (item.method && typeof item.method === 'function') {
        item.method(item, index);
      }
      this.currentValue = false;
}

得知,点击是会携带整个actions,so, 代码整理如下可行:

data.userSys.forEach((v, i) => {
             this.actions.push({
              name: v.orgName,
              method: this.switchSys
              orgId: v.orgId //携带的参数放置于此,itemClick会携带整个action
        });
 );

actions-sheet这个组件,官方可谓是点到为止,想真正知道用法,还是得自己了解源代码。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值