路由傳參
zyfxzykhclick(el){
let? me=this
? ? ? ? let khmc = el.name? 獲取圖表的name
? ? ? ? let xzqyid=me.formItem.whdwjc? 單位ID
? ? ? ? let value=el.value? //獲取 表格里面的數(shù)字
? ? ? ? // 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 => {
})
},
接受上個(gè)頁面的路由傳參
let query = me.$route.query
//獲取上個(gè)頁面的單位ID??
本地的賦值給路由傳過來的參數(shù)
// 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
另外 一種傳參方式?
一個(gè)點(diǎn)擊事件
rwtj(el) {
let me =this
? let val = el.seriesName?
? // 巡視狀態(tài)
? let XSZT =this.$dictConfig.getValueByTidAndLabel(104, val) 從字典值里面取狀態(tài)
? let GDZY = el.name// 根據(jù)單位名稱? 查找
? this.$router.push({
path:"/task/manage",
? ? query: {
//搜索區(qū)域單位編碼
? ? ? dwbm: me.form.queryParam.dept,
? ? ? xswc: GDZY,? ? //巡視狀態(tài)
// xswc: XSZT,? ? //巡視狀態(tài)
? ? ? GDZY: GDZY,? ? //工單專業(yè)
? ? ? 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'),
? ? }
})
},
在掛載之前接受上個(gè)頁面的傳參
beforeMount() {
//掛載之前
? let me =this;
? if (JSON.stringify(this.$route.query) =="{}") {
// window.history.back(-1);
? }else {
// 接受 上個(gè)頁面 傳的 開始時(shí)間&結(jié)束時(shí)間參數(shù)
? ? 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? //巡視狀態(tài)
? ? me.form.GDZY =this.$route.query.GDZY ==undefined ?'' :this.$route.query.GDZY? //工單專業(yè)
? ? me.form.pdsj1 =this.$route.query.pdsj1 ==undefined ? me.form.pdsj1 :this.$route.query.pdsj1? //開始時(shí)間
? ? me.form.pdsj2 =this.$route.query.pdsj2 ==undefined ? me.form.pdsj2 :this.$route.query.pdsj2 //結(jié)束時(shí)間
? ? 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 )
? }
}
組件跟路由之間傳參
點(diǎn)擊事件帶名字過去
<Col span="24" class-name="col2" @click.native="sdrwclick('配電站室')">{{pdzs}}</Col>
//輸電 配電路由傳參 配電路由傳參
sdrwclick:function (xzlx) {
if (xzlx) {
let me =this
? ? //反正都是取的當(dāng)前時(shí)間和前一天降传，路由過去后自己取唄齐莲，為什么非要參數(shù)傳過去
? ? me.$router.push({
//url query里傳參數(shù)用這個(gè)
// path: '/task-BD',
// query: {
//? whdwsjbm: me.whdwid,
//? xzlx: xzlx
// },
//vue route 組件之間傳參數(shù)用這個(gè)
? ? ? name:'task-BD',
? ? ? params: {
whdwsjbm: me.whdwid,
? ? ? ? xzlx: xzlx
}
})
}else {
me.$systemMessage.alert({
title:'錯(cuò)誤',
? ? ? content:'參數(shù)錯(cuò)誤:'
? ? })
}
},
接受上個(gè)頁面?zhèn)鲄?/p>
//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
}
