Vue自定义指令

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue自定义指令相关的知识,希望对你有一定的参考价值。

参考技术A 自定义指令需要注册后才能使用,Vue提供了两种注册方式:全局注册和局部注册。全局注册使用Vue.directive()方法来注册一个全局自定义指令,该方法接受两个参数,第一个参数是指令的ID(即名字);第二个参数是一个定义对象或者函数对象,指令要实现的功能在这个对象中定义。语法形式如下:

Vue.directive(id,[definition])

全局指令可以在任何Vue实例的模板中使用。

局部注册是在Vue实例的选项对象中使用directives选项进行注册,局部注册的自定义指令只能在该实例绑定的视图中使用。

vue 全局自定义指令注册

参考技术A 1、main.js 全局注册:

2、使用:

3、

以上是关于Vue自定义指令的主要内容,如果未能解决你的问题,请参考以下文章

vue3.2 setup 之局部自定义指令

Vue自定义指令

vue3自定义指令详解

【vue】自定义指令限制纯数字或者带小数点输入值

vue 中自定义指令改变data中的值

Vue_(组件)自定义指令