給元件繫結原生事件
阿新 • • 發佈:2018-11-20
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>給元件繫結原生事件</title> <script src="./vue.js"></script> </head> <body> <div id="root"> <child @click.native="handleClick"></child> <!--native告訴瀏覽器要觸發原生的自定義事件--> </div> <script> Vue.component('child',{ // template:'<div @click="handleClick">Child</div>', // methods:{ // handleClick:function () { // // alert('child click'); // this.$emit('click') //觸發自定義事件 // } // } template:"<div>Child</div>" });var vm = new Vue({ el:'#root', methods:{ handleClick:function () { alert('原生click') } } }) </script> </body> </html>