我有一个简单的指令:
HTML:
<div id="app">
<div v-sample:callback="greet"></div>
</div>
<script>
var app = new Vue({
el: "#app",
data: {
files: [],
},
methods: {
greet: function (arg) {
alert(arg);
},
},
});
</script>
JS:
Vue.directive('sample', {
bind: function (el, binding, vnode) {
el.addEventListener('...', function () {
// ...
callback.call(arg, ...);
});
},
});
但是,我不清楚获取函数和求值的适当语法。在指令中执行此操作的正确方法是什么?
最佳答案
您可以使用 binding.value
,在这种情况下它应该是一个函数。它已经预先绑定(bind)到正确的上下文中,所以只需调用它(如果需要,可以在其中传递任何内容):
Vue.directive('sample', {
bind: function (el, binding, vnode) {
el.addEventListener('click', function () {
binding.value()
});
},
});
关于javascript - VueJS 自定义指令函数作为参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43291473/