Vue 项目踩坑记录

Vue 踩坑集锦

Vue-cli踩坑集锦

---

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
   }