vue.js - 如何在自定义 VueJS 指令中声明变量？

Question

当我尝试像这样以通常的方式声明变量时出现错误:

   Vue.directive('my-directive', {
        varA: '', 
        inserted: function(el, binding, vnode){
              this.varA = 'test'; // TypeError: Cannot set property 
                                  // 'varA ' of undefined
        },
    });

TypeError: Cannot set property 'varA ' of undefined

如何在 Vue 指令中声明变量？

Answer 1

在 Vue 指令中，当您需要存储一个值时，它通常存储在元素中。

Vue.directive('my-directive', {
  inserted: function(el, binding, vnode){
    el.varA = 'test'; 
  },
});

该元素作为参数传入指令中的每个生命周期事件，您稍后可以从 el.varA 访问该值。