【自定义指令】取消el-radio的选中状态

使用方法

<el-radio v-radioCancel />

代码

/**
 * 限制单选框可取消点击
*/
import Vue from 'vue';
Vue.directive('radioCancel', {
  inserted (el, vDir, vNode) {
    // vDir.value 有指令的参数
    // 按键按下
    el.addEventListener('click', (event) => {
      const e = event || window.event
      // 点击时会执行两次
      if (e.target.tagName === 'SPAN') return
      vNode.componentInstance && vNode.componentInstance.$emit('input', '')
    })
  },
})