Vue2.x之给组件绑定原生事件

妖狐艹你老母 2022-05-18 04:12 279阅读 0赞
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>给组件绑定原生事件</title>
  6. <script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
  7. </head>
  8. <body>
  9. <div id="app">
  10. <child @click.native="handleClick"></child>
  11. </div>
  12. <script> Vue.component('child',{ template:'<div>hello child</div>' }); var app = new Vue({ el:'#app', methods:{ handleClick(){ alert('触发原生事件') } } }) </script>
  13. </body>
  14. </html>

发表评论

表情:
评论列表 (有 0 条评论,279人围观)

还没有评论,来说两句吧...

相关阅读

    相关 Vue_组件原生事件

    当我们使用组件的时候,想点击组件触发事件,要在子组件里定义触发事件,在父组件定义是没用的. 只有从子组件往外触发自定义事件,父组件里定义的触发函数才有用。 那么怎么样才能直