总所周知v-model是一个语法糖,它在子组件的身上绑定了一个value属性子组件在其内部抛出一个input事件,触发父组件的input事件的回调,在这个回调中修改value的值。
那么问题来了?子组件在其接受父传递的value属性时,通过prop接收时,子组件的内部有相同的属性了,这时候就需要更改这个value值,可以使用下面这个方法
原代码
props:{
value:{
type:String
}
}
修改代码
model:{
props:'修改后的值'
},
props:{
修改后的值:{
type:String
}
}