代码之家 › 专栏 › 技术社区 › margherita pizza

Vue js如何在整个项目中从url隐藏查询字符串

vue-router vuejs2 vue.js javascript

margherita pizza · 技术社区 · 6 年前

如果我的对象是这样的,

const my_routes = [
  {
          path: "/dashboard",
          component: dashboard
        },
        {
          path: "/banners",
          component: banners
        },
        {
          path: "/paper-types",
          component: paper_types
        },
        {
          path: "/knowledge-areas",
          component: knowledge_areas
        },
]

它将始终显示在浏览器url中,如下所示

www.someurl.com/dashboard
www.someurl.com/banners
www.someurl.com/paper-types
www.someurl.com/knowledge-areas

这是否可以在vue js中实现?

1 回复 | 直到 5 年前

Terry 6 年前

只需配置 mode option of Vue Router

new VueRouter({
  routes: my_routes,
  mode: 'abstract'
});

注: 但是,您可能需要通过激活抽象模式来考虑可用性:当用户在整个Web应用程序中导航时,它们将不再能够深入到它们最后的状态,因为状态不再反映在哈希或URL路径中。

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

dbzx10299 · 对从Api端点返回的数据使用Vue转换组

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Ilijanovic · 对象可能未定义

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

Suffii · Vue表单输入绑定的条件绑定存在问题

2 年前

akkonrad · 函数的作用是:返回数据属性为空的实例

2 年前