<template><div class="slide"> <div v-for="(item,index) in list" class="slide-wrap" @click="showList(item)"> <router-link class="title" tag="div" :to="{ path: item.path }"> <i :class="icons[index]" class="icons"></i> {{item.title}} <i class="icon-ml el-icon-arrow-right" v-if="item.children"></i> <!-- <i v-show="item.isShow" class="el-icon-arrow-down icon-ml"></i> --> </router-link > <div v-if="item.children" v-show="item.isShow" > <div class="title1" v-for="items in item.children" >{{items.title}}</div> </div> </div></div></template><script>export default{ name:'HomeSlide', data(){ return { list:[ { id:0, isShow: false, title:"首頁(yè)", path: 'person' }, { id:3, isShow: false, title:"示例表格 ", path: 'table' }, { id:4, title:"綜合實(shí)例 ", isShow: false, rightTir: true, path: 'explame', children:[ { id: 0, title: "form表單編輯", path: 'form' }, { id: 1, title: "富文本編輯", path: 'edit' } ] } ] } },</script>代碼是組圖片是main.js當(dāng)我點(diǎn)沒(méi)children的子路由的時(shí)候地址正常,但是當(dāng)我點(diǎn)了有children的子路由的時(shí)候地址就亂了 就像這樣http://localhost:8080/index/table http://localhost:8080/index/person http://localhost:8080/index/explame/form、點(diǎn)了有子路由的綜合實(shí)例在點(diǎn)沒(méi)有子路由的 然后 路由就亂了 就像下面這樣 不知道問(wèn)題出那了http://localhost:8080/index/explame/table
vuejs 寫樹狀二級(jí)菜單加上path 路徑之后 導(dǎo)致 地址錯(cuò)輪
慕哥9229398
2019-03-14 18:15:13