vue给组件绑定原生事件

组件上绑定的事件都是自定义事件,要想绑定原生事件事件只需要在后面加上native

代码实现

  • 因为自定义组件要想绑定事件必须监听子组件发射过来的事件。而要是用原生的就简单多了
  • 因为组件上绑定的事件都是自定义事件,要想绑定原生事件事件只需要在后面加上native
<body>
  <div id="app">
    <zujian :content="item.id" :index="index" v-for="(item, index) in list" :key="index" @click.native="change">
    </zujian>
  </div>
</body>
<script>
  let zujian = {
    props: ["content", "index"],
    template: '<div>{{content}}</div>',
  }
  let app = new Vue({
    el: "#app",
    data: {
      message: "Hello World!",
      list: [{
        id: "第一个"
      }, {
        id: "第二个"
      }]
    },
    components: {
      zujian
    },
    methods: {
      change() {
        console.log("测试中");
      }
    },
  })
</script>
  • 发表于 2020-09-19 11:36
  • 阅读 ( 14 )
  • 分类:前端开发

0 条评论

请先 登录 后评论
库库巴
库库巴

56 篇文章

作家榜 »

  1. 库库巴 56 文章
  2. 素质教育的漏网之鱼 39 文章
  3. 特效搬运工 31 文章
  4. 噢嚯 3 文章
  5. admin 1 文章
  6. 手机用户7182 0 文章
  7. Axizs 0 文章
  8. 哄哄 0 文章