微信小程序中轉(zhuǎn)義字符的處理方法
在微信小程序開(kāi)發(fā)過(guò)程中,有時(shí)候會(huì)用到常用的一些特殊字符如:‘<'、‘>'、‘&'、‘空格'等,微信小程序同樣支持對(duì)轉(zhuǎn)義字符的處理,下面提供兩種方法用來(lái)處理微信小程序中轉(zhuǎn)義字符的處理。
1.官方API調(diào)用
這種方式,我們直接在wxml布局文件中,直接調(diào)用相關(guān)特殊符號(hào)的轉(zhuǎn)義字符會(huì)無(wú)效,原因是小程序的text文本控件的decode屬性沒(méi)有打開(kāi)導(dǎo)致的,看下文檔說(shuō)明:
從文檔中,我們可以發(fā)現(xiàn),decode屬性默認(rèn)為false,不會(huì)解析我們的特殊字符,我們通過(guò)設(shè)置decode屬性為true,并且調(diào)用其轉(zhuǎn)義字符即可實(shí)現(xiàn)該特殊字符的顯示。
<text class='dialog-close' decode='true'>< 返回</text>
通過(guò)上述代碼即可實(shí)現(xiàn) < 返回 的效果。
其中:
2.通過(guò)JS文件來(lái)實(shí)現(xiàn)
除了上面的實(shí)現(xiàn)方法,針對(duì)一些特殊字符我們還可以通過(guò)wxml與JS文件相結(jié)合的方式來(lái)實(shí)現(xiàn)。
首先,在wxml文件中對(duì)text文本控件做如下設(shè)置:
<text class='dialog-close'>{{dialogback}}</text>
然后,我們?cè)贘S文件的data中設(shè)置其文本內(nèi)容:
data: { dialogback:"< 返回", //... 其他配置 }
通過(guò)這種方式也可以實(shí)現(xiàn) < 返回
的效果。
示例
因?yàn)槲沂窃?lt;image>標(biāo)簽中訪問(wèn),所以小程序中沒(méi)有便捷方法可以轉(zhuǎn)義,寫了一個(gè)死方法——replace.js,如下:
//替換URL中特殊字符 function replaceSpecialChar(url) { url = url.replace(/"/g, '"'); url = url.replace(/&/g, '&'); url = url.replace(/</g, '<'); url = url.replace(/>/g, '>'); url = url.replace(/ /g, ' '); console.log("轉(zhuǎn)義字符", url); return url; } module.exports = { replaceSpecialChar: replaceSpecialChar }
需要用到的時(shí)候,在頁(yè)面對(duì)應(yīng)的js里面調(diào)用該方法:
var replace = require("../../utils/replace.js"); Page({ .............. url = replace.replaceSpecialChar(res.data.url) })
至此,微信小程序中關(guān)于轉(zhuǎn)義字符的處理就基本實(shí)現(xiàn)了,如有問(wèn)題,歡迎留言。也希望大家多多支持腳本之家。
相關(guān)文章
基于Three.js實(shí)現(xiàn)3D玉兔效果的示例代碼
2022年中秋佳節(jié)即將來(lái)臨,中秋節(jié)是我們國(guó)家的傳統(tǒng)節(jié)日。而中秋與玉兔又往往會(huì)聯(lián)系在一起,本文將用Threejs做一只會(huì)動(dòng)的3D玉兔,感興趣的可以了解一下2022-08-08微信小程序scroll-view實(shí)現(xiàn)滾動(dòng)到錨點(diǎn)左側(cè)導(dǎo)航欄點(diǎn)餐功能(點(diǎn)擊種類,滾動(dòng)到錨點(diǎn))
這篇文章主要介紹了微信小程序scroll-view左側(cè)導(dǎo)航欄點(diǎn)餐功能實(shí)現(xiàn),點(diǎn)擊種類,滾動(dòng)到錨點(diǎn);滾動(dòng)到錨點(diǎn),種類選中,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-06-06使用Browserify來(lái)實(shí)現(xiàn)CommonJS的瀏覽器加載方法
下面小編就為大家?guī)?lái)一篇使用Browserify來(lái)實(shí)現(xiàn)CommonJS的瀏覽器加載方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-05-05Bootstrap源碼解讀標(biāo)簽、徽章、縮略圖和警示框(8)
這篇文章主要源碼解讀了標(biāo)簽、徽章、縮略圖和警示框,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12BOM系列第一篇之定時(shí)器setTimeout和setInterval
這篇文章主要介紹了BOM系列第一篇之定時(shí)器setTimeout和setInterval 的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08關(guān)于二級(jí)域名下使用一級(jí)域名下的COOKIE的問(wèn)題
我們通常在使用cookie的時(shí)候一般都只是局限在本站內(nèi)使用,也就是只在一個(gè)域名下使用2011-11-11基于Taro的微信小程序模板消息-獲取formId功能模塊封裝實(shí)踐
這篇文章主要介紹了基于Taro的微信小程序模板消息-獲取formId功能模塊封裝實(shí)踐,小程序提供了一種能力-模板消息,基于微信的通知渠道,我們?yōu)殚_(kāi)發(fā)者提供了可以高效觸達(dá)用戶的模板消息能力,以便實(shí)現(xiàn)服務(wù)的閉環(huán)并提供更佳的體驗(yàn),需要的朋友可以參考下2019-07-07關(guān)于JavaScript使用export和import的兩個(gè)報(bào)錯(cuò)解決
說(shuō)來(lái)慚愧es6寫了這么久,連最基本的export和import都沒(méi)搞明白,下面這篇文章主要給大家介紹了關(guān)于JavaScript使用export和import的兩個(gè)報(bào)錯(cuò)的解決方法,需要的朋友可以參考下2022-07-07