Question

我试图在vue.js中处理一个事件，但我认为函数mm超出了范围。我得到的错误是[Vue警告]：v-on：mouseover =＆＃34; mm＆＃34;期望一个函数值，未定义。

这是我的代码

    var menuHover=new Vue({
            e1:'#t',
            data:{
                active:true
            },
            methods: {
                mm: function()
                {
                    alert(1);
                    This.active=!this.active;
                }
            }
        }
    );

这是我的HTML

        <div id="t" v-on:mouseover="mm">
            <ul v-show="active">
                 <li>Test vue</li>
            </ul>
        </div>

我尝试了几个链接和解决方案，但没有一个工作。

Answer 1

试试这个：jsfiddle，我已经成功了。

   <div id="app" v-on:mouseover="mm">
       {{message}}
        <ul v-show="active">
             <li>Test vue</li>
        </ul>
    </div>

这是js：

 new Vue({
  el: '#app',
   data: {
   active:true,
     message: 'Hello Vue.js!'
   },
    methods: {
            mm: function(){
                alert(1);
                this.active=!this.active;
            }
        }
 })

无法处理vue.js中的事件

1 个答案: