hfysite/plugins/vue-directive.js

"use strict";
import Vue from 'vue'
import ripple from '../until/ripple.js'
import {message} from '../until/message.js'
import {copyText, isMobile} from "../until";

function copyBind(el, binding) {
  el.addEventListener("click", function () {
    copyText(binding.value, () => message.success("复制成功"), tip => message.success(tip));
  });
}
// 添加一个自定义指令`v-copy`点击复制内容
Vue.directive("copy", {
  inserted: copyBind,
});

Vue.directive("ripple", {
  inserted(el) {
    /** 添加事件类型 */
    const eventType = isMobile() ? "touchstart" : "mousedown";
    el.setAttribute("ripple", "");
    el.addEventListener(eventType, function (e) {
      ripple(e, el);
    });
  }
});