vue 路由跳转的带参情况 及 总结

1 普通带参

<router-link :to="{path:'/routerDetail',query:{id:scope.row.id,routerName:scope.row.routerName,departmentName:scope.row.departmentName}}"  type="text" size="small">关联签到点</router-link>

但是这种情况只能带该行的参数，全局参数不能带

2 全局带参

computed: {
      userInfo() {
        return this.$store.state.userInfo
      },
      departmentName(){
        return this.department.filter(v=>v.id==this.departmentId)[0].departmentName
      },
      departmentId(){
        return this.department.filter(v=>v.id==this.departmentId)[0].id
      }
    },

3 一些vue的小总结

• element组件根据type的值 决定它的类型  是输入框， 时间选择框等。
• script里面主要包括  data method css 这几类