码迷,mamicode.com
首页 > 其他好文 > 详细

Vue表单+Vue全局指令 v-focus 的引用

时间:2020-06-05 12:58:01      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:rip   insert   height   写入   com   标签   无法获得   png   image   

最近在学习  Vue自定义指令,在此过程中所遇问题记录如下:

一.如果你是.vue单页面,只需在script标签下定义全局指令即可,如下图:

技术图片

 

 二.如果你是Vue脚手架中引用的

1.你此时需要单独建一个js文件(将定义的全局代码写入),在main.js中引入,才能实现全局指令的调用,下图是单独的js文件

技术图片

 

 2.在main.js引用

技术图片

 

 3.调用  v-focus

技术图片

 

 最好不要用组件,否则v-focus根本无法获得焦点,具体原因我也不知道,我猜可能是组件的原因,导致inserted插入元素的问题啥的,等我知道了再来更新

 

参考来源:https://www.cnblogs.com/xiaojingyuan/p/6555988.html

 

Vue表单+Vue全局指令 v-focus 的引用

标签:rip   insert   height   写入   com   标签   无法获得   png   image   

原文地址:https://www.cnblogs.com/lanatth/p/13048781.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!