`
},
// 当前显示的文章
article: {},
// URL参数
urlParams: {}
},
methods: {
// 解析URL参数
parseUrlParams() {
const urlSearchParams = new URLSearchParams(window.location.search);
const params = {};
for (const [key, value] of urlSearchParams) {
params[key] = value;
}
this.urlParams = params;
console.log(this.urlParams);
return params;
},
// 初始化页面数据
initPage() {
const params = this.parseUrlParams();
// 使用模板创建文章
this.article = Object.assign({}, this.articleTemplate);
// 如果URL中有title参数，使用传过来的title作为文章标题
if (params.title) {
try {
this.article.title = decodeURIComponent(params.title);
} catch (e) {
// 如果解码失败，直接使用原始title
this.article.title = params.title;
}
// 同时更新页面的document.title
document.title = ` - 新闻详情 - 版纳植物园`;
} else {
// 如果没有传title参数，使用默认标题
document.title = ` - 新闻详情 - 版纳植物园`;
}
},
// 返回上一页
goBack() {
window.history.back();
},
},
mounted() {
// 初始化页面数据
this.initPage();
console.log('新闻详情页面加载完成', {
urlParams: this.urlParams,
articleTitle: this.article.title
});
}
});