javascript 自定义Vue指令

Posted

tags:

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

// Custom directives
Vue.directive('gendercolor', {
    bind(el, binding, vnode) {
        if (binding.value === 'female') {
            el.style.backgroundColor = 'darkpink';
        } else {
            el.style.backgroundColor = 'royalblue';
        }
    },
});

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

JavaScript+vue:自定义指令禁止表单输入非整数

Vue.js - 将自定义指令导入为 ES6 模块

学习vue第九节,自定义vue指令

学习vue第九节,自定义vue指令

10天从入门到精通Vue-vue的过滤器自定义指令Vue实例的生命周期

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