本方法使用全局自定义指令,单独拿出一个文件来引入注册的
这里我们需要掌握Vue.use()这个方法
我们可以传入一个对象或者一个函数作为参数、
如果是对象的话必须提供install方法,如果是函数的话,会将这个函数当作install方法调用
install方法接收一个Vue实例作为参数,我们可以通过这个Vue去注册一系列全局指令、组件、过滤器等
自定义指令js文件内容:
export default {
install (Vue) {
Vue.directive('copy', {
bind (el, bindginds) {
el.$value = bindginds.value
el.handle = () => {
navigator.clipboard.writeText(el.$value)
}
el.addEventListener('click', el.handle)
},
update(el, bindginds){
el.$value = bindings.value
}
})
}
}
main.js文件
import directives from './directives/index'
Vue.use(directives)
index文件
<button v-copy="uname">一键复制 </button>
//uname:是data中的数据