我用的是Nuxt.js用于构建静态网站.

如何访问组件当前显示的script代码中的路由名称(我希望避免从浏览器位置读取直接url)?

我能访问$route.name吗?

推荐答案

是的,您可以使用vuejs路由对象,如$route.name$route.路径

$nuxt.$route.路径

返回当前路径

$nuxt.$route.name

当前路由的名称(如果有).

Route Object Properties

route对象表示当前活动路由的状态.信息技术

  • $route.路径

    • 类型:字符串

    • 等于当前路由路径的字符串,始终解析为绝对路径.e、 g."/foo/bar".

  • $route.全程

    • 类型:字符串

    • 完整解析的URL,包括查询和哈希.

**

And if you want to get the url params. Like this : 100 You do this:

  data() {
    return {
       zone: this.$nuxt.$route.query.zone,
       jour: this.$nuxt.$route.query.jour

    }   },

**

Vue.js相关问答推荐

VueUse onClickOutside不支持右键单击

如何在Vue3中使用vuechartjs 5.2从父组件更新图表

如果单元格不可见,则以编程方式打开行的编辑模式. Ag 网格,Vue.js

如何在vue中获取特定类别的产品列表

vite - 具有相对assets资源 路径的子页面

我可以在打印 HTML 页面时使用作用域 CSS 吗? (使用 Laravel 和 Vue.js)

如何在 vue 路由中导航到 Bootstrap-vue 选项卡中的特定选项卡?

Vue CLI - 编译后将配置文件保留为外部

如何在 vuejs 自定义指令中传递动态参数

使用 jquery-chosen 插件更新 vuejs 模型值

如何在 vue.js 2 的其他组件中调用方法?

在 vue 组件中检索配置和环境变量

加载和渲染时对象值上的 Vue.js 未定义错误

使用 Vee-Validate 在提交时验证子输入组件

Vue-test-utils:在单个测试中多次使用 $nextTick

Proxy代理在 Vue 3 的控制台中是什么意思?

Vuetify v-btn 路由活动类问题

如何从浏览器的源中删除 webpack://

表格行上的 Vuejs 转换

在 Vuejs 中全局导入 Axios 方法