使用v-html進(jìn)行渲染如何使標(biāo)簽按照字符串顯示,特殊樣式標(biāo)簽(自己添加的部分)按照標(biāo)簽解析
需求:是內(nèi)容里如果含有含有www.baidu.com這種鏈接高亮顯示
解決辦法:
首先拿到需要回顯的內(nèi)容content對(duì)內(nèi)容進(jìn)行轉(zhuǎn)義escapeHTML,之后再去判斷是否是鏈接進(jìn)行高亮添加
代碼如下文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-603720.html
onMounted(() => {
content.value = escapeHTML(content.value);
});
//對(duì)內(nèi)容里含有的標(biāo)簽進(jìn)行轉(zhuǎn)義
const escapeHTML = (value) => {
const div = document.createElement("div");
div.textContent = value;
return div.innerHTML;
};
文章來(lái)源:http://www.zghlxwxcb.cn/news/detail-603720.html
到了這里,關(guān)于使用v-html進(jìn)行渲染如何使標(biāo)簽按照字符串顯示,特殊樣式標(biāo)簽(自己添加的部分)按照標(biāo)簽解析的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!