美文网首页
IVIEW 阻止switch组件默认change事件

IVIEW 阻止switch组件默认change事件

作者: supa同学 | 来源:发表于2020-09-10 14:04 被阅读0次

    思路:父层绑定click 阻止捕获事件
    不是render出来的组件也同理

    render: (h, params) => {
      const {
        id,
        enableStatus
      } = params.row;
      return h('div', {
        on: {
          '!click': ()=> {
            event.stopPropagation();
            ctx.changeStatus(params.row, this)
          }
        }
      }, [
        h("i-switch", {
            props: {
              value: enableStatus === 'ENABLE', //控制开关的打开或关闭状态,官网文档属性是value
            },
          },
          '启用'),
        h('span', {
          class: ['margin-x'],
        }, enableStatus === 'ENABLE' ? '启用' : '禁用')
      ], );
    },
    
    事件修饰符补充
    image.png

    相关文章

      网友评论

          本文标题:IVIEW 阻止switch组件默认change事件

          本文链接:https://www.haomeiwen.com/subject/jzkpektx.html