首页 > 其他 > 详细

在父组件中,直接获取子组件数据-vue

时间:2019-12-04 15:44:13      阅读:131      评论:0      收藏:0      [点我收藏+]

1、通过 $ref 获取

主父组件中:
<x-test  ref="ch"></x-test>
import XTest from ‘@/components/x-test/x-test‘
export default {
  mounted() {
    console.log(this.$refs.ch.searchProduct)
  },
  components: {
    XTest
  }
}
在子组件中:
export default {
  data () {
    return {
      searchProduct: ‘小米‘
    }
  }
}

 

 

 

在父组件中,直接获取子组件数据-vue

原文:https://www.cnblogs.com/yuyedaocao/p/11981683.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!