Vue踩坑集锦
- [2018-03-27 2.x-V] 父子组件间通信,父组件对象值传递到子组件找中,子组件watch出来获取的值不对?报错:Invalid prop:custom validator check failed for prop “type”
//父组件
<alert :getDate = "configAlert"></alert>
<script>
data(){
return {
configAlert:{
s:false,
t:'',
c:'',
d:''
}
}
}
methods:{
lofin(){
this.configAlert.s = true;
this.configAlert.t = "error";
this.cinfigAlert.c = "请填写正确的信息";
this.configAlert.d = 3000;
return false;
}
}
</script>
//子组件
<script>
props:['getData'],
data(){
return {
alertSet:{
s:'',
t:'',
c:'',
d:''
}
}
}
watch:{
getData(val){
this.alerSet = val;
}
}
</script>
//改进方法:需在父组件中,整体一次赋值,不能一个一个的赋值。
//如:this.configAlert={
s:true,
c:"请填写正确的信息",
d:3000
}