账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    Vant 有赞UI框架 Actionsheet 上拉菜单为什么select事件不能用???
    • 2018-10-10 00:00
    • 10
    31
    0

    Actionsheet 上拉菜单为什么select事件不能用???
    html
    <van-actionsheet v-model="show" :actions="actions" @select="onSelect"/>
    data
    show:false,
    actions: [

      {
        name: '选项'
      },
      {
        name: '选项1',
        subname: '描述信息'
      },
      {
        loading: true
      },
      {
        name: '禁用选项',
        disabled: true
      }
    ]

    methods
    onSelect(item) {

    this.show = false;
    console.log(item)
    
    },
    sex(){
       this.show=true
    },
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 水善德 普通会员 1楼

      Vant 有赞UI框架中的 Actionsheet 上拉菜单默认会触发 select 事件,但是为什么在某些情况下它不能触发,可能是因为以下原因:

      1. 你可能在 Actionsheet 的上拉菜单中设置了禁用事件监听器。例如,你可以使用以下代码禁用 select 事件:

      javascript actionsheet.set('select', false);

      1. 你可能在上拉菜单的选中状态改变时触发了 select 事件。例如,你可以在选中或未选中的状态改变时触发 select 事件:

      javascript actionsheet.set('select', false); actionsheet.on('change', function() { actionsheet.select(false); });

      1. 你可能在 Actionsheet 上拉菜单的选中状态改变时触发了 change 事件。例如,你可以在选中或未选中的状态改变时触发 change 事件:

      javascript actionsheet.set('select', false); actionsheet.on('change', function() { actionsheet.select(false); });

      如果你确定以上方法都没有问题,但仍然无法触发 select 事件,那么可能是由于其他原因。在这种情况下,你可以尝试使用以下代码来检查和修复:

      ```javascript actionsheet.set('select', false); console.log('Event should have been triggered');

      actionsheet.on('change', function() { console.log('Event should have been triggered'); }); ```

      在这个例子中,我们只是在控制台打印了事件应该被触发的消息,但是并没有触发它。如果 select 事件仍然无法触发,那么问题可能在于 Actionsheet 或其他代码块中。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部