当前位置:家常菜>百科>科技>正文

vue父子组件传值

人气:463 ℃/2024-01-15 07:15:01

vue父子组件如何传值呢?我们一起了解一下吧!

父子组件就是在一个vue文件中引入另一个vue文件,被引入vue文件就是子组件,引入vue文件的vue文件就是父组件。以下是父子组件传值的具体操作。

1.父向子传值props

父组件:<child :inputName="name">

子组件:

(1)props: {

   inputName: String,

   required: true

  }

(2)props: ["inputName"]

2.子组件向父组件传值$emit

子组件:

 <span>{{childValue}}</span>

 <!-- 定义一个子组件传值的方法 -->

  <input type="button" value="点击触发" @click="childClick">

 export default {

  data () {

   return {

    childValue: '我是子组件的数据'

   }

  },

  methods: {

   childClick () {  

    this.$emit('childByValue', this.childValue)

   }

  }

 }

关于父子组件传值,我们就分享到这啦!

  • 2021年最新雷人搞笑说说

    1、男人都应该喜欢肉肉的女孩。喜欢骨头的,那是狗狗。2、我的青春就是课桌上的文字。3、这一生,这一时,有你便好,姐妹。永远陪伴在你身边。爱你,我的姐妹。4、上衣是否干净,别人关...

    说说查看全文>>
  • 欧拉r1充电桩安装教程是什么?

    欧拉r1充电桩安装教程:1、充电桩根据所属性质一般分为两种:公共桩和自用桩,公共桩具有通用性,但是要收取电费和服务费,成本比较高;自用桩则只是适用于自己的车使用,不具备通用性;...

    问答查看全文>>
  • 天窗异响终极解决方法 颠簸路面天窗哒哒响什么原因

    随着现在的汽车越来越高级,天窗逐渐成出于非常多汽车的必备之件。最近就有汽车车主问到这样子一个问題,颠簸地面天窗哒哒响是什么原因?1、首要任务是,我们要排查异响是来源于天窗本身的...

    问答查看全文>>
  • 荣威550混动怎么充电

    可以使用便携式充电器进行充电,充电功率一般只有1.5KW左右,因为充电功率较小所以充电速度也是比较慢。荣威550 Hybird的混合动力系统有三种工作模式,驾驶员通过仪表盘的显...

    问答查看全文>>
  • 荣放19款玻璃有无防夹功能?

    荣放玻璃没有防夹功能的:1、RAV4荣放基于丰田TNGA架构打造,而GA-K中级车平台的使用令全新一代RAV4荣放实现了“越级”;2、颠覆传统的外观,新增的双擎混动版本进一步丰...

    问答查看全文>>
本网站部分内容、图文来自于网络,如有内容侵犯您的合法权益,请及时与我们联系,我们将第一时间安排核实及删除!
CopyRight © 2007-2024 家常菜 All Rights Reserved. 手机版