<%@ 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>
<input v-wos:zhi.red.border="num">
<script>
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>
报错:vue:16 Uncaught TypeError: Cannot read property 'style' of undefined,也就是说代码:this.el是undefined,为什么呢? 我这个是直接引入js文件的形式,主要是学习vue的API,有好多的API都没效果,为什么呢?
Select Language