Javascript 如何在<;中转义动态文本;标题>;使用Nuxt JS在标题内标记?
我已经将WordPressAPI与基于Nuxt的网站集成。它使用下面的代码显示从wordpress获取的博客文章标题Javascript 如何在<;中转义动态文本;标题>;使用Nuxt JS在标题内标记?,javascript,vue.js,nuxt.js,Javascript,Vue.js,Nuxt.js,我已经将WordPressAPI与基于Nuxt的网站集成。它使用下面的代码显示从wordpress获取的博客文章标题 head() { return{ title: this.post.title.rendered } } 但问题是,当我们有特殊字符时,例如单引号,它会将它们呈现为在标记中。 参见下面的示例 original text : Let’s begin text to render : Let's begin but it rend
head() {
return{
title: this.post.title.rendered
}
}
但问题是,当我们有特殊字符时,例如单引号,它会将它们呈现为在标记中。
参见下面的示例
original text : Let’s begin
text to render : Let's begin
but it renders : Let’s begin
如果我想在某个页面的某个地方显示它,这对
很好,但是如何在title标签内部执行相同的操作?
const decodeString=(str)=>{
让解码后的字符串;
试一试{
解码字符串=解码URI(str);
}捕获(错误){
//不要解码,只使用原始字符串
解码字符串=str;
}
常量替换字符={
“&;”:“&”,
"’": ","
};
返回Object.entries(替换字符)。减少(
(结果项、条目项)=>结果项替换(…条目项),
解码字符串
);
};
log(解码字符串(“让我们开始”);
/*
PS:在代码示例中可能不需要decodeURI()调用,但此函数可以是泛型的,并不断更新replace_字符。
总目(){
返回{
标题:decodeString(this.post.title.rendered)
}
}
*/
我使用“he”库修复了它
您的
原始文本
,要呈现的文本
和但是呈现的
与问题中的外观相同,请更新问题A抱歉,完成。