v-on 綁定單個或多個事件


 <div id="app07">
        <!-- v-on:click  鼠標點擊事件-->
        <a v-on:click="DoSomething"></a>
        <!--v-on 定義多個事件,以‘,’號隔開 -->
        <a style="cursor:default" v-on='{click:DoSomething,mouseleave:MouseLeave}'>doSomething</a>
    </div>


調用:
  Study_On_Click("#app07")



實現:
// v-on 綁定事件 
function Study_On_Click(obj) {
    new Vue({
        el: obj,
        methods: {
            DoSomething: function () {    // 綁定的事件以‘,’號隔開
                alert("DoSomething");
            },
            MouseLeave: function () {
                alert("Mouse leave")
            }
        }

    });
  
}

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM