不能在vue.js中處理事件

Question

我試圖處理vue.js中的事件，但我認爲函數mm超出了範圍。我得到的錯誤是[Vue warn]：v-on：mouseover =「mm」需要一個函數值，但未定義。

這是我的代碼

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> 

這是記者：在你的代碼的一些錯別字

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