CRM 项目总结

1.vue 组件引用：

import  名字 form "路径"

export default{

 name:"",

  components:{

 组件名字

}，

props:[],

data(){

return {

}

},

methods:{

 事件

}，

created:{

}

}

2.vue 组件通信

1）父子组件通信

 v-bind: 绑值

 子组件：props 接受值

2）子组件向父组件传值（通过事件传值）

子组件：$emit('事件名'，值)

父组件： @事件名接受

eg ：

<upload @fileStatus="fileStatus"  @fileTrue="fileTrue" :success="success"></upload>

//附件
fileStatus(data) {
    this.ruleForm.attach = data;
},
fileTrue(data){
    this.success = data;
},

3）.兄弟组件通信 （复杂场景建议使用vuex）

3.vue简单的事件监听

 getParams(){
              let routerParams = this.$route.params.id;
              this.ruleForm.manage_id = routerParams;
          },
          watch:{
              '$route':'getParams'
          }
},
      activated (){
          this.getParams();
          this.worderList();
}

activated的使用目的是防止缓存。

4.vue路由跳转

1）.this.$router.push({name:"路由的名字",params:{id:this.id}})

params: 适用于普通的跳转

2）.this.$router.push({name:路由名字;},query:{id:this.id,manage_id:this.manage_d})

 query:  适用于get请求的拼接路径

 3）.

<router-link :to="{ name: 'clientList',params:{time:this.time}}" class="Modular">

</router-link>

完 ！！

点击打开链接