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
}
