IVIEW 阻止switch组件默认change事件

2020-09-10  本文已影响0人  supa同学

思路:父层绑定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
上一篇 下一篇

猜你喜欢

热点阅读