1、我有一个嵌套的列表 是通过后台返回的数据渲染成的 都是router-link标签 然后我把路由配置好之后给了后台 后台配置好路径之后 返回给我了 然后我通过返回的路径来进行跳转
2、比如说我有一个router-link是information/basic 后台配置好了之后给我返回的路径是http://xx.xxx.xxx.xxx:8080/information/basic 这个没有问题
但是我点击的时候不能正常跳转 我打开控制台实际router-link渲染成这样了/information/http://xx.xxx.xxx.xxx:8080/information/basic
3、也就是说实际渲染的 在路径前添加了/information/前缀
不知道是不是:to动态匹配的问题 如果不加冒号 变量又解析不出来
</router-link> -->
<router-link :to="firstMenu.sourceUrl" v-for="(firstMenu,idx) in menus"
:key="idx">
{{firstMenu.title}}
<div class="" v-if="firstMenu.sourceUrl == ''">
<router-link :to="secondMenue.sourceUrl" v-for="(secondMenue,index) in
firstMenu.secondMenueLists" :key="index">{{secondMenue.title}}</router-link>
</div>
</router-link>
infoDisclosure.getMenus({parentId: 0}).then((res) => {
this.menus = res.data
this.menus.forEach( (item, idx, arr) => {
if(item.sourceUrl == '') {
infoDisclosure.getMenus({parentId: item.id}).then((res) => {
this.$set(arr[idx], 'secondMenueLists', res.data)
})
console.log(item)
}
})
具体原因我不知道,不过当我把后端返回的url中的所有的http去掉就可以了。想来设计师是为了使用时只要将生成的html放到nginx的server下,不需要考虑域名、ip、端口的限制