VUE 事件路由传参重点

点击事件传参

A 页面     

 点击事件 DIV部分

<Col span="24" class-name="col2" @click.native="sdrwclick('配电站室')">{{pdzs}}</Col>

<Col span="24" class-name="col2" @click.native="sdrwclick('变电站')">{{bdzs}}</Col>

JS部分:

methods: {

//输电 配电路由传参 配电路由传参

sdrwclick:function (xzlx) {

let me =this

  if (xzlx) {

    me.$router.push({

//url query里传参数用这个

// path: '/task-BD',

// query: {

//    startTime: moment().subtract(1, 'days').format(this.$pageConfig.SECOND_FORMAT),

//    endTime: moment().format(this.$pageConfig.SECOND_FORMAT),

//    whdwsjbm: me.whdwid,

//  whdwsjbm: me.whdwid,

//  xzlx: xzlx

// },

//vue route 组件之间传参数用这个

      name:'task-BD',

      params: {

whdwsjbm: me.whdwid,

        xzlx: xzlx,

        startTime:moment().subtract(1, 'days').format(me.$pageConfig.SECOND_FORMAT),

        endTime:moment().format(this.$pageConfig.SECOND_FORMAT),

      }

})

}else {

me.$systemMessage.alert({

title:'错误',

      content:'参数错误:线站类型为空'

    })

}

},

B页面 接受上个页面的参数

DIV部分 

{{sblxname}}-巡视设备

JS部分

data（）{

return:sblxname，

}

mounted() {

let me =this

let routeParams =this.$route.params

if (routeParams){

A页面的参赋值给B页面 xzlx 是A页面点击的name

me.sblxname = routeParams.xzlx

me.form.startTime = routeParams.startTime

me.form.endTime = routeParams.endTime

me.form.xzlx = routeParams.xzlx

}