为什么路由器链接在移动视图中具有不同的行为？答案

【问题标题】：Why router link have diferent behavior in mobil view?为什么路由器链接在移动视图中具有不同的行为？
【发布时间】：2019-06-28 13:27:24
【问题描述】：

当我在桌面视图中使用路由器链接时工作正常，但在移动视图中，链接缺少“/”来工作，任何让它适用于移动设备的想法（我的意思是当最大宽度改变时）（引导程序使所有工作)。如果引导程序更改为适应移动屏幕的菜单副本，我认为一个参数或其他东西可以使其正常工作。在这种样式交换中，引导程序将“/”条带入带有路由器 vue 链接的链接。任何建议、建议或示例链接都将不胜感激。

【问题讨论】：

任何代码示例、版本或 codepen / jsfiddles 也将不胜感激:)

标签： vue.js vue-router

【解决方案1】：

您应该阅读此内容。 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/

【讨论】：