微视频《品莲》(杨云/摄制)
` }, // 当前显示的文章 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 }); } });