vue父子组件传值
人气:180 ℃/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)
}
}
}
关于父子组件传值,我们就分享到这啦!
-
丰田chr儿童锁怎么开,丰田chr儿童锁开关位置
丰田chr的儿童锁位于后门车锁下方的位置,设定安全锁后,无法从车内打开车门。设定这些安全锁可防止儿童打开后门。按下各后门开关即可锁止两扇后门。接下来教大家如何解锁安全锁和锁止安...
问答查看全文>> -
秘籍 如何应对12星座第三者
如何管住自己的老公,来看看12星座的防小三攻略!牡羊座制胜绝招:扮可怜博同情牡羊座小三十分仗义,吃软不吃硬。何不在她面前留着眼泪、诉说着你和老公当年的辛酸,道出失去老公的悲惨?...
冷知识查看全文>>
推荐
- 1领克03空调吹热风怎么调149
- 2没有路由器怎么把电脑变WiFi热点271
- 3轮胎侧面的红黄圆点有啥用494
- 4途昂2019与2017区别是什么413
- 5酒吧散台、酒吧卡座、酒吧高台是什么意思109
- 6qq分手性签名大全293
- 7轿车安全还是suv安全466
- 8新大众途锐什么尺寸?车子如何?303