在项目中经常会用到传值的情况,今天说下父传子的传值方法:
父组件使用 v-model 绑定,并在标签里传值,引入子组件
<el-radio-group v-model="radio" @change=changeMax>
<el-radio v-model="addCagLabel" v-for="item in radioPay" :key="item.value" :label="item.label" :value="item.value"></el-radio>
</el-radio-group>
//标签传值
<offLineTask
:radio = 'radio'
:addCagLabel= 'addCagLabel'>
</offLineTask>
//引入组件
import offLineTask from './components/offLineTask'
//注册
export default {
components:{
offLineTask
},
data(){
return {
addCagLabel:'BESTPAY',
radio: '翼支付客户端' ,
radioPay:[
{
label:'其他',
value:'9999',
},
{
label:'翼支付客户端',
value:'BESTPAY'
},
{
label:'财富客户端',
value:'FIN'
},
],
}
}
}
子组件使用porps接收,这样就可以全局使用了
export default {
porps:{'radio','addCagLabel'} //接收
}
本文详细介绍了在Vue项目中如何通过v-model实现父组件向子组件传递数据,以el-radio-group为例,展示了如何在标签中传值并接收,适用于全局使用的场景。
35万+

被折叠的 条评论
为什么被折叠?



