国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

使用v-html進(jìn)行渲染如何使標(biāo)簽按照字符串顯示,特殊樣式標(biāo)簽(自己添加的部分)按照標(biāo)簽解析

這篇具有很好參考價(jià)值的文章主要介紹了使用v-html進(jìn)行渲染如何使標(biāo)簽按照字符串顯示,特殊樣式標(biāo)簽(自己添加的部分)按照標(biāo)簽解析。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

使用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;
};

到了這里,關(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)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 如何在Vue模板中渲染HTML標(biāo)簽?

    當(dāng)你在Vue模板中需要渲染HTML標(biāo)簽時(shí),你可以使用Vue的內(nèi)置指令v-html。這個(gè)指令可以讓父組件將數(shù)據(jù)作為HTML解析并渲染到子組件中。聽(tīng)起來(lái)很高級(jí),但是我會(huì)用幽默的語(yǔ)言和簡(jiǎn)單的例子來(lái)解釋這個(gè)概念。 首先,讓我們來(lái)看一個(gè)簡(jiǎn)單的例子。假設(shè)你有一個(gè)包含HTML代碼的數(shù)據(jù)屬性

    2024年02月08日
    瀏覽(19)
  • 前端如何安全的渲染HTML字符串?

    前端如何安全的渲染HTML字符串?

    在現(xiàn)代的Web 應(yīng)用中,動(dòng)態(tài)生成和渲染 HTML 字符串是很常見(jiàn)的需求。然而,不正確地渲染HTML字符串可能會(huì)導(dǎo)致安全漏洞,例如跨站腳本攻擊(XSS)。為了確保應(yīng)用的安全性,我們需要采取一些措施來(lái)在安全的環(huán)境下渲染HTML字符串。本文將介紹一些安全渲染 HTML 字符串的最佳實(shí)

    2024年02月12日
    瀏覽(35)
  • 使用正則表達(dá)式 移除 HTML 標(biāo)簽后得到字符串

    使用正則表達(dá)式 移除 HTML 標(biāo)簽后得到字符串

    在上述代碼中,stripHTMLTags 函數(shù)使用正則表達(dá)式 /[^]+/g 來(lái)匹配所有的 HTML 標(biāo)簽,并使用空字符串進(jìn)行替換,從而將 HTML 標(biāo)簽移除。 最后,返回移除 HTML 標(biāo)簽后的字符串。

    2024年02月14日
    瀏覽(24)
  • vue中渲染接口返回的html標(biāo)簽及標(biāo)簽上綁定事件處理

    vue中渲染接口返回的html標(biāo)簽及標(biāo)簽上綁定事件處理

    目錄 一、前言 二、使用步驟 1.引入vue 2.生成構(gòu)造器,創(chuàng)建子類 ?三.遇到的問(wèn)題 ????????最近這兩天工作中有個(gè)需求,將接口返回的html標(biāo)簽渲染出來(lái),最開(kāi)始用的v-html,可以渲染出來(lái),但是a標(biāo)簽上綁定的事件觸發(fā)不了,然后事件上綁定的參數(shù)就拿不到,最后使用模板成功

    2024年02月15日
    瀏覽(28)
  • 字符串分割(split),將字符串按照指定字符進(jìn)行分割。split(String regex)和split(String regex, int limit)

    字符串分割(split),將字符串按照指定字符進(jìn)行分割。split(String regex)和split(String regex, int limit)

    一、 split(String regex) 字符串分割,將字符串按照指定字符進(jìn)行分割,返回的是一個(gè)字符串?dāng)?shù)組。 原理:參數(shù)名稱是 regex 表示的是以某個(gè)字符串進(jìn)行字符分割。 實(shí)例1:根據(jù)空格切割 輸出結(jié)果: 實(shí)例2:根據(jù)特殊字符進(jìn)行“.”分割 輸出結(jié)果: 二、 split(String regex, int limit) 字符

    2024年02月11日
    瀏覽(44)
  • Python 隨機(jī)輸入一個(gè)字符串,統(tǒng)計(jì)該字符串中各種字符出現(xiàn)的次數(shù),并將統(tǒng)計(jì)結(jié)果按照字符出現(xiàn)次數(shù)從高到低進(jìn)行排序,最終打印排序后的信息
  • 如何使用無(wú)標(biāo)簽數(shù)據(jù)進(jìn)行訓(xùn)練?

    如何使用無(wú)標(biāo)簽數(shù)據(jù)進(jìn)行訓(xùn)練?

    一、直觀解釋 簡(jiǎn)單來(lái)說(shuō)就是“造目標(biāo)”。也即人為地去構(gòu)造一些子任務(wù)(論文里的protext task),或者利用一些最基本的公理性常識(shí),去設(shè)計(jì)“類似監(jiān)督”的任務(wù)。所不同的是,我們引入的“類似監(jiān)督”的任務(wù)通常是用來(lái)完成表征學(xué)習(xí),具體的下游任務(wù)仍需要額外想辦法實(shí)現(xiàn)。

    2024年02月06日
    瀏覽(23)
  • 如何使用HTML5新增的標(biāo)簽來(lái)優(yōu)化SEO?

    如何使用HTML5新增的標(biāo)簽來(lái)優(yōu)化SEO?

    前端入門(mén)之旅:探索Web開(kāi)發(fā)的奇妙世界 歡迎來(lái)到前端入門(mén)之旅!感興趣的可以訂閱本專欄哦!這個(gè)專欄是為那些對(duì)Web開(kāi)發(fā)感興趣、剛剛踏入前端領(lǐng)域的朋友們量身打造的。無(wú)論你是完全的新手還是有一些基礎(chǔ)的開(kāi)發(fā)者,這里都將為你提供一個(gè)系統(tǒng)而又親切的學(xué)習(xí)平臺(tái)。在這個(gè)

    2024年02月11日
    瀏覽(27)
  • 如何使用Vue CLI進(jìn)行預(yù)渲染

    如何使用Vue CLI進(jìn)行預(yù)渲染

    在Vue CLI中使用預(yù)渲染,你可以借助插件vue-cli-plugin-prerender-spa來(lái)實(shí)現(xiàn)。以下是使用Vue CLI進(jìn)行預(yù)渲染的步驟: 1:安裝Vue CLI:首先安裝Vue CLI。如果沒(méi)有安裝,可以通過(guò)以下命令進(jìn)行全局安裝: 2:創(chuàng)建Vue項(xiàng)目:使用Vue CLI創(chuàng)建一個(gè)新的Vue項(xiàng)目,進(jìn)入項(xiàng)目目錄: 3:添加預(yù)渲染插件

    2024年02月08日
    瀏覽(45)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包