Vue 访问'on'和指令'class'指令

Question

我想将多个指令分组到一个自定义指令中，如以下model:

const model = Vue.directive('model')
Vue.directive('custom', {
bind(el, binding, vnode, oldVnode) {
// do custom directive stuff
// modify binding for model
if (model.bind)
model.bind(el, binding, vnode, oldVnode)
},
inserted(el, binding, vnode, oldVnode) {
if (model.inserted)
model.inserted(el, binding, vnode, oldVnode)
},
update(el, binding, vnode, oldVnode) {
if (model.update)
model.update(el, binding, vnode, oldVnode)
},
componentUpdated(el, binding, vnode, oldVnode) {
if (model.componentUpdated)
model.componentUpdated(el, binding, vnode, oldVnode)
},
unbind(el, binding, vnode, oldVnode) {
if (model.unbind)
model.unbind(el, binding, vnode, oldVnode)
}
})

但是不幸的是，经由Vue.directive只有model和show可用，而不是on或class可用。据我所知，其他指令正在以某种方式修补，我无法访问。

我在一个webpack环境中，想知道是否有方法访问其他指令。即使它很粗糙。

感谢

Answer 1

您可以访问&使用修改元素的class

el.className += ' myClass'

如果您只需要查看上面的类，请使用el.classList

要简单地查看元素console.log({el})上的所有可用选项，您还将获得on的选项。。。

注意 myClass前面的空格是必需的。至于为什么，你自己学英语