今天给大家推荐一个vue自定义指令复制的内容,很多小伙伴都喜欢用指令或者组件写,
一. 新建文件夹
1.在scr下新建一个components文件夹,(src/components)
2.在components文件夹下新建一个vue组件,例如CopyDirective.vue
3.在scr下新建一个JS一个文件夹, (scr/js)
注:components和JS是同级文件
4.在JS文件夹再新建两个文件,copy.js / directive.js
5.开始正文
(1)copy.js
(2) directive.js
(3)在vue主文件main.js中引入指令文件
(4) 在CopyDirective.vue写需要复制的内容 v-copy
css
(5)把CopyDirective.vue引入APP.vue主文件当中
(6) 效果图
单击复制代码控制台会出现复制成功