美文网首页
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