vue 打开的pdf链接怎么修改title
时间: 2023-11-14 16:34:04 浏览: 73
vue2中,根据list的id进入对应的详情页并修改title方法
要修改Vue中打开PDF链接的标题,你可以使用Vue Router中的导航守卫功能。具体步骤如下:
1. 在路由配置中添加一个导航守卫(beforeEach)。
2. 在导航守卫中获取要打开的PDF链接,并将其保存到VueX状态管理器中。
3. 在VueX中保存的PDF链接信息中,设置一个title属性,表示需要修改的标题。
4. 在页面中使用Vue的计算属性获取VueX中保存的PDF链接信息,并将title设置为页面的标题。
具体代码如下:
```javascript
// 路由配置中添加导航守卫
router.beforeEach((to, from, next) => {
// 获取要打开的PDF链接
let pdfUrl = to.query.url
if (pdfUrl) {
// 将PDF链接保存到VueX状态管理器中
store.commit('savePdfUrl', pdfUrl)
}
next()
})
// 在VueX中保存的PDF链接信息中,设置一个title属性
const store = new Vuex.Store({
state: {
pdfUrl: {
url: '',
title: ''
}
},
mutations: {
savePdfUrl(state, pdfUrl) {
state.pdfUrl = {
url: pdfUrl,
title: '修改后的标题'
}
}
}
})
// 在页面中使用Vue的计算属性获取VueX中保存的PDF链接信息,并将title设置为页面的标题
export default {
computed: {
pdfUrl() {
return this.$store.state.pdfUrl
}
},
mounted() {
document.title = this.pdfUrl.title
}
}
```
这样就可以在打开PDF链接时修改页面标题了。
阅读全文