请教大家一个问题,如下图

2016-12-11 13:58:47 +08:00
 janita

<%@ 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>
</body> </html>

报错:vue:16 Uncaught TypeError: Cannot read property 'style' of undefined,也就是说代码:this.el是undefined,为什么呢? 我这个是直接引入js文件的形式,主要是学习vue的API,有好多的API都没效果,为什么呢?

2048 次点击
所在节点    Vue.js
2 条回复
kxxoling
2016-12-11 14:24:26 +08:00
你没有创建 `#app` 元素啊! https://jsfiddle.net/kxxoling/3Luzu221/
janita
2016-12-12 07:32:34 +08:00
@kxxoling 哟一会试试

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/326812

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX