ThinkChat2.0新版上线，更智能更精彩，支持会话、画图、阅读、搜索等，送10W Token，即刻开启你的AI之旅 广告
~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>给组件绑定原生事件 native</title> <script src="vue.js"></script> </head> <body> <div id="root"> <!-- 在子组件里,click是自定义的事件,所以在根组件里直接操作handleClick是没反应的.--> <!-- <child @click="handleClick"></child>--> <!-- 加上native修饰符,表示这个事件是原生事件,在根组件的方法里可以直接操作--> <child @click.native="handleClick"></child> </div> <script> Vue.component('child',{ template:'<div @click="handleChildClick">Child</div>', methods: { handleChildClick(){ alert('child click'); // this.$emit('click') } } }); var vm=new Vue({ el:'#root', methods:{ handleClick(){ alert('click') } } }); </script> </body> </html> ~~~