IVIEW 阻止switch组件默认change事件

思路:父层绑定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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。