vue 传参

路由传参

zyfxzykhclick(el){

let me=this

let khmc = el.name 获取图表的name

let xzqyid=me.formItem.whdwjc 单位ID

let value=el.value //获取表格里面的数字

// let xzqyid = this.$dictConfig.getValueByTidAndLabel(999, khmc)

this.$router.push({

path:"/zyfxzykh",

query: {

xzqyid:xzqyid,

// whdwid: me.formItem.whdwjc,

// sfywczg:nfc,

khmc:khmc,

value:value,

}

})

//资源地图接口

homey.getzymap({xzqyid: me.daiweiId}).then(res => {

})

接受上个页面的路由传参

let query = me.$route.query

//获取上个页面的单位ID

本地的赋值给路由传过来的参数

// me.charts.optionsu.xAxis[0].data=query.khmc

me.form.queryParam.dept = query.xzqyid

me.charts.optionsu.xAxis[0].data = query.khmc

me.charts.optionsu.series[0].data = query.value

另外一种传参方式

一个点击事件

rwtj(el) {

let me =this

let val = el.seriesName

// 巡视状态

let XSZT =this.$dictConfig.getValueByTidAndLabel(104, val) 从字典值里面取状态

let GDZY = el.name// 根据单位名称查找

this.$router.push({

path:"/task/manage",

query: {

//搜索区域单位编码

dwbm: me.form.queryParam.dept,

xswc: GDZY, //巡视状态

// xswc: XSZT, //巡视状态

GDZY: GDZY, //工单专业

startTime:moment(me.form.queryParam.startTime).format('YYYY-MM-DD HH:mm:ss'),

endTime:moment(me.form.queryParam.endTime).format('YYYY-MM-DD HH:mm:ss'),

}

})

在挂载之前接受上个页面的传参

beforeMount() {

//挂载之前

let me =this;

if (JSON.stringify(this.$route.query) =="{}") {

// window.history.back(-1);

}else {

// 接受上个页面传的开始时间&结束时间参数

me.form.whdwid =this.$route.query.whdwid ==undefined ?'' :this.$route.query.whdwid //单位id

me.form.xszt =this.$route.query.xszt ==undefined ?'' :this.$route.query.xszt //巡视状态

me.form.GDZY =this.$route.query.GDZY ==undefined ?'' :this.$route.query.GDZY //工单专业

me.form.pdsj1 =this.$route.query.pdsj1 ==undefined ? me.form.pdsj1 :this.$route.query.pdsj1 //开始时间

me.form.pdsj2 =this.$route.query.pdsj2 ==undefined ? me.form.pdsj2 :this.$route.query.pdsj2 //结束时间

me.gdglURL =this.$pageConfig.GDGL_URL +'?' +'whdwid=' + me.form.whdwid +'&' +'xszt=' + me.form.xszt +'&' +'GDZY=' + me.form.GDZY +'&' +'pdsj1=' + me.form.pdsj1 +'&' +'pdsj2=' + me.form.pdsj2

// console.log(me.gdglURL )

}

组件跟路由之间传参

点击事件带名字过去

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

sdrwclick:function (xzlx) {

if (xzlx) {

let me =this

//反正都是取的当前时间和前一天，路由过去后自己取呗，为什么非要参数传过去

me.$router.push({

//url query里传参数用这个

// path: '/task-BD',

// query: {

// whdwsjbm: me.whdwid,

// xzlx: xzlx

// },

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

name:'task-BD',

params: {

whdwsjbm: me.whdwid,

xzlx: xzlx

}

})

}else {

me.$systemMessage.alert({

title:'错误',

content:'参数错误:'

})

}

接受上个页面传参

//vue组件传参

let routeParams =this.$route.params

//url query传参

let routeQuery =this.$route.query

if (routeParams && routeQuery) {

me.sblxname = routeParams.xzlx || routeQuery.xzlx

me.form.startTime =moment().subtract(1, 'days').format(this.$pageConfig.SECOND_FORMAT)

me.form.endTime =moment().format(this.$pageConfig.SECOND_FORMAT)

me.form.xzlx = routeParams.xzlx || routeQuery.xzlx

me.form.whdwsjbm = routeParams.whdwsjbm || routeQuery.whdwsjbm

}

vue 传参

推荐阅读更多精彩内容