Vue 子传父

深碍√TFBOYSˉ_ 2022-12-04 07:54 298阅读 0赞

子组件需要把数据传递给父组件,只能通过自定义事件,使用$emit方法传值改变

  1. //子页面 opTitle.vue
  2. var data = 10;
  3. //第一个参数对应父页面自定义的事件,第二个值代表要更新的值
  4. this.$emit('changeData',data)
  5. //父页面 引入组件
  6. import topTitle from
  7. components:{topTitle}
  8. //在自定义标签上自定义事件
  9. <template>
  10. <top-title @changeData='changeData'></top-title>
  11. </template>
  12. //methods
  13. changeData(data){ //data就是子组件传过来的值
  14. this.num = data
  15. },

发表评论

表情:
评论列表 (有 0 条评论,298人围观)

还没有评论,来说两句吧...

相关阅读