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