如何在Route Vue JS中调用元标题中的参数

梅迪·普拉达娜·普特拉(Medhy Pradana Putra)

我尝试在元标题路由中调用参数时遇到问题,

我已经尝试过了,但仍然无法正常工作

{
    path: '/test/blog/:slug',
    name: 'Surah',
    component: Surah,
    meta: { title: 'My Blog - 'this.$route.params.slug}
  }

你能帮我解决这个问题吗?我的页面标题中需要这样的内容

My Blog - Foo Bar Test 123
伊沃·格洛夫

为此,您将需要一个函数-静态字符串分配将不起作用。afterEach全球航线钩子将帮助你:

{
    path: '/test/blog/:slug',
    name: 'Surah',
    component: Surah,
    meta: { title: 'My Blog - '}
}

router.afterEach((to, from) =>
{
  document.title = to.meta.title ? to.meta.title + to.params.slug : 'My Default title';
});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在 VUE.js 方法中使用函数中的参数调用函数?

来自分类Dev

如何在VUE组件的mapState中调用“ this”?

来自分类Dev

如何在Vue JS中触发元素?

来自分类Dev

如何在 Vue.js 中循环?

来自分类Dev

vue.js nuxt.js如何在axios中调用多个api url调用

来自分类Dev

如何在Vue.js中按标题创建搜索过滤器?

来自分类常见问题

如何在页面加载时调用vue.js函数

来自分类Dev

如何在 vue npm 包中调用函数?

来自分类Dev

如何在Vue.js中的URL面包屑中获取路径的参数

来自分类Dev

如何在Vue 3中过滤项目?

来自分类Dev

如何在Vue中扩展组件的行为

来自分类Dev

如何在父Vue中触发组件?

来自分类Dev

如何在Vue中模板化消息?

来自分类Dev

如何在插件中访问Vue $ refs?

来自分类Dev

如何在Vuex中访问Vue实例

来自分类Dev

如何在vue中定义全局方法?

来自分类Dev

如何在vue中复制组件状态?

来自分类Dev

如何在Vue 3中过滤项目?

来自分类Dev

如何在ubuntu中安装vue / cli?

来自分类Dev

如何在 vue devtools 中显示错误?

来自分类Dev

如何在 Vue 中改变对象数组

来自分类Dev

如何在Vue中动态生成div?

来自分类Dev

如何在 Vue/Quasar 中添加 TAB?

来自分类Dev

如何根据路由和使用 vue-route 更改 Vue 组件中的数据对象?

来自分类Dev

Vue JS-如何在JavaScript的过滤器函数中调用数据

来自分类Dev

如何在Vue.js 3设置中获取查询参数?

来自分类Dev

如何在Vue.js 3设置中获取查询参数?

来自分类Dev

如何在 Vue.js 中删除值中的逗号

来自分类Dev

从SPA中的Vue.js访问$ route