vue 子组件传递数据跟父组件

最新推荐文章于 2024-09-07 13:38:28 发布

a1178939617

最新推荐文章于 2024-09-07 13:38:28 发布

阅读量87

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/complete94/p/6889953.html

版权

子组件


<body>
   <div v-on:click="test"></div>

  <script>
   export default {
     data(){
   return {
    data:"我是子组件传递数据给父组件"
}
},
  methods:{
     test:function(){
     this.$emit('list',this.data)   // $emit 有2个参数 第一个是监听父组件事件，第二个是传递的数据
    }
  }


}
</script>
</body>

//父组件

<body>
   <child v-on:list="events"></child>
  <script>
 import child from "./child"
export default{
   methods:{
    events:function(data){
      console.log(data)      // data就是子组件传递过来的参数
  }
},
   components:{
 child
}
}
</script>
</body>

转载于:https://www.cnblogs.com/complete94/p/6889953.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

a1178939617

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue 子组件传递数据跟父组件

子组件<body> <div v-on:click="test"></div> <script> export default { data(){ return { data:"我是子组件传递数据给父组件"}}, methods:{ test:...
复制链接

扫一扫