出现的问题:
不想要在地址栏中显示中文。
解决方法如下:
toTask(value) {
//任务协同
// 跳转页面
console.log(value);
let desc = encodeURI(value.desc); //解决浏览器地址栏中明文展示的中文信息
this.contentmouseleave(); //关闭下拉
this.$router.push({
path: `/detail/${value.id}`,
query: { desc: desc },
}); //跳转页面
},
页面query传参的时候,对传的值先进行加密,通过encodeURI( ) 进行
<div class="content_banner_img">
<h1 class="content_banner_img_h1">{{ this.$route.params.id }}</h1>
<p class="content_banner_img_p">
{{ decodeURI(this.$route.query.desc) }}
</p>
<span class="content_banner_img_span">立即使用</span>
</div>
在目标页展示query 所传递的参数 通过 decodeURI()进行解密。