vue引入js数字小键盘

效果如图：

代码如下：

 

clickoutside.js

export default {
  bind(el, binding, vnode) {
    function documentHandler(e) {
      if (el.contains(e.target)) {
        return false;
      }
      if (binding.expression) {
        binding.value(e);
      }
    }
    el.__vueClickOutside__ = documentHandler;
    document.addEventListener('click', documentHandler);
  },
  update(el, binding, vnode) {},
  unbind(el, binding) {
    document.removeEventListener('click', el.__vueClickOutside__);
    delete el.__vueClickOutside__;
  }
};

  keyboard.vue

在使用页面引入代码：

html代码

引入数字小键盘vue

注册引入的主键

定义的method

 

 

QQ群:553997290   

公众号: