vue 给组件绑定原生事件

最新推荐文章于 2023-11-30 16:37:04 发布

学习笔记999

最新推荐文章于 2023-11-30 16:37:04 发布

阅读量310

点赞数

分类专栏： Vue.js vuex

本文链接：https://blog.csdn.net/z93701081/article/details/91048090

版权

vuex 同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

Vue.js

19 篇文章 0 订阅

订阅专栏

不想用子组件$emit事件,直接用@click.native事件可以触发父组件的事件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./vue.js"></script>
</head>
<body>
<div id="app">
    <child  content='222' @click.native="bbbb"></child>
</div>
<script>

    var child = {
      props:{
        content: {
//          required:false,
          type: String,
//          default:'ddd value',
//          validator: function (value) {
//            return(value.length>5)
//          }
        },
      },
      template: '<div >{{content}}</div>',
//      methods:{
//        aaaa: function () {
//          alert('1')
//          this.$emit('click')
//
//        }
//      }
    }
  var app = new Vue({
    el: '#app',
    components:{
      child,
    },
    data: {
      content:'hallo'
    },
    methods:{
      bbbb:function () {
        alert('2')

      }
    }
  })
</script>
</body>
</html>