一朵锣、Element UI Tab選項(xiàng)卡從子頁跳回選項(xiàng)卡情景:
1.有一個(gè)Tab選項(xiàng)卡(Tab A 谬盐、 Tab B、?Tab C),對(duì)應(yīng)三個(gè)頁面(頁面A诚些、頁面B飞傀、頁面C)
2.在頁面A、頁面B泣刹、頁面C中助析,都可以跳轉(zhuǎn)到相應(yīng)的子頁面?
3.在子頁面中跳轉(zhuǎn)回到相應(yīng)的Tab?
二、解決思路:在C的子頁面返回時(shí)椅您,傳遞一個(gè)參數(shù) active:“c”,
在Tab頁中接收這個(gè)參數(shù)外冀,并且判斷,當(dāng)active=“c”時(shí)掀泳,改變Tab的activeName為Tab C
Tab 頁面:
<el-tabs v-model="activeName" @tab-click="handleClick" >
? ? ? <el-tab-pane label="A" name="a">
? ? ? ? <basicMedical></basicMedical>
? ? ? </el-tab-pane>
? ? ? <el-tab-pane label="B" name="b">
? ? ? ? <communityMedical></communityMedical>
? ? ? </el-tab-pane>
? ? ? <el-tab-pane label="C" name="c">
? ? ? ? <healthHut></healthHut>
? ? ? </el-tab-pane>
? ? </el-tabs>
created(){
? ? if(this.active=="A"){
? ? ? ? this.activeName='a'
? ? }else if(this.active=="B"){
? ? ? this.activeName='b'
? ? }else if(this.active=="C"){
? ? ? this.activeName='c'
? ? }
? },
子頁面:
goback() {
? ? ? this.$router.push({
? ? ? ? name: 'medicalReport',? //要跳轉(zhuǎn)的路由name
? ? ? ? query: {
? ? ? ? ? active:"C"
? ? ? ? }
? ? ? })?
? ? },