<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html> <head> <title>指令</title> <script type="text/javascript" src="/plugins/vue/vue.js"></script> </head> <body> Vue.directive('wos',{
bind:function (value) {
alert(this.el)
this.el.style.color = '#ff6600';
},
update:function (newValue,oldValue) {
},
unbind:function () {
}
});
new Vue({
el:"#app",
data:{
num:1
}
});
</script>
</body>
</html>
报错:vue:16 Uncaught TypeError: Cannot read property 'style' of undefined,也就是说代码:this.el是undefined,为什么呢? 我这个是直接引入js文件的形式,主要是学习vue的API,有好多的API都没效果,为什么呢?
1
kxxoling 2016-12-11 14:24:26 +08:00
你没有创建 `#app` 元素啊! https://jsfiddle.net/kxxoling/3Luzu221/
|