vue默认的实现v-model的方法
vue中默认v-model绑定的名为value的prop,emit方法名师input,所以在子组件定义一个value的prop,然后利用watch监听value调用$emit(‘input’,value)即可。当然在这里我没有去监听value,因为一般prop是只读的,你可以创建一个变量,将value的值赋给它,然后监听这个变量就行了。
@Prop({
default: false }) public readonly value: boolean;
public modalShow: boolean;
public data() {
return {
modalShow: this.value,
};
}
@Watch('modalShow')
public modalShowChange(value: boolean): void {
this.$emit('input', value);
}