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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>给组件绑定原生事件</title>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
</head>
<body>
  <div id="app">
    <child @click.native="handleClick"></child>
  </div>
  <script>
    Vue.component('child',{
      template:'<div>hello child</div>'
    });
    var app = new Vue({
      el:'#app',
      methods:{
        handleClick(){
          alert('触发原生事件')
        }
      }
    })
  </script>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_33733970/article/details/81278597