vue父子组件传值
人气:366 ℃/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)
}
}
}
关于父子组件传值,我们就分享到这啦!
-
2020丰田汉兰达新款怎么样?
2020年汉兰达还蛮好的:1、新一代汉兰达在底盘和动力上并没有什么明显的改进,但是在设计上却有了革命式的变化;2、汉兰达是圆形为设计基本元素的大型SUV,而新的汉兰达就要硬朗很...
问答查看全文>> -
进气歧管有机油怎么处理?
汽车进气管中有机油的原因:1、发动机长时间的怠速 ,空滤脏;2、曲轴箱通风系统堵塞或变形 ,涡轮增压器进回油管堵塞,泄露或变形;3、涡轮增压器的中间壳体润滑油结焦 ,气缸磨损导...
问答查看全文>>
推荐
- 1自己的读书感悟名言282
- 2sk机油是指什么牌子220
- 3广汽传祺gs5新款内饰怎么样?158
- 42016自动挡大众宝来1.4t,加速无力油门踩到3000转排气管冒蓝烟?419
- 5又怂又可爱的timi名122
- 6夕阳西下生活惬意唯美句子257
- 7英菲尼迪qx60是进口车还是国产车?130
- 8如何买二手车不上当253