vue 全局自定义指令注册

1、main.js 全局注册：

Vue.directive('throttle', {
  // 添加指令用于对点击事件节流
  bind: function(el, binding) {
    let time = binding.value || 1000;
    let preTime = new Date().getTime();
    el.addEventListener('touchstart', e => {
      const nowTime = new Date().getTime();
      if (preTime && nowTime - preTime < time) {
        e.preventDefault();
        e.stopImmediatePropagation();
      } else {
        preTime = nowTime;
      }
    });
  }
});

2、使用：

   <div v-throttle @click="selBoxClick(item.type, item.name, index)" class="dropdown">
                <input
                  unselectable="on"
                  onfocus="this.blur()"
                  class="t1"
                  type="text"
                  placeholder="请选择"
                  v-model="selData[item.type].value"
                  readonly
                />
              </div>

3、

// 解决ios下css: active伪类无效果问题
document.addEventListener('touchstart', function() {}, { passive: false });