为什么路由器链接在mobil视图中有不同的行为?

时间:2019-02-04 18:39:18

标签: vue.js vue-router

当我在桌面视图中使用路由器链接可以正常工作,但在移动视图中,该链接缺少“ /”功能时,任何使其在移动设备上都能正常工作的想法(我是说最大宽度更改时)(引导程序可以完成所有工作) )。我认为,如果引导程序更改为复制到适用于移动屏幕的菜单,则该参数或使其保持正常工作的内容。在这种样式交换中,引导程序将带路由器vue链接的链接中的“ /”标记为条纹。任何建议,建议或示例链接都将适用。

1 个答案:

答案 0 :(得分:0)

您应该阅读此内容。 Vue Router Child, Trailing slash

为防止这种情况,您可以按以下方式在vue-router中使用strict

const route1 = { template: '<div>Route 1 (strict)</div>' }
const route2 = { template: '<div>Route 2 (no strict)</div>' }

检查小提琴链接 http://jsfiddle.net/L7hscd8h/9377/