微信小程序中轉(zhuǎn)義字符的處理方法
在微信小程序開發(fā)過程中，有時(shí)候會(huì)用到常用的一些特殊字符如：‘<'、‘>'、‘&'、‘空格'等，微信小程序同樣支持對(duì)轉(zhuǎn)義字符的處理，下面提供兩種方法用來處理微信小程序中轉(zhuǎn)義字符的處理。
1.官方API調(diào)用
這種方式，我們直接在wxml布局文件中，直接調(diào)用相關(guān)特殊符號(hào)的轉(zhuǎn)義字符會(huì)無效，原因是小程序的text文本控件的decode屬性沒有打開導(dǎo)致的，看下文檔說明：
從文檔中，我們可以發(fā)現(xiàn)，decode屬性默認(rèn)為false，不會(huì)解析我們的特殊字符，我們通過設(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)方法，針對(duì)一些特殊字符我們還可以通過wxml與JS文件相結(jié)合的方式來實(shí)現(xiàn)。
首先，在wxml文件中對(duì)text文本控件做如下設(shè)置：
<text class='dialog-close'>{{dialogback}}</text>
然后，我們?cè)贘S文件的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í)候，在頁面對(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)了，如有問題，歡迎留言。也希望大家多多支持腳本之家。
相關(guān)文章
javascript里模擬sleep(兩種實(shí)現(xiàn)方式)
有幾種方式，但都不完美 其一:不斷循環(huán)，直到達(dá)到指定時(shí)間、其二:用xhr同步請(qǐng)求后臺(tái)程序，比如傳2000過去，后臺(tái)就sleep 2秒后再返回，這種方式也有缺點(diǎn)，當(dāng)N多客戶端都請(qǐng)求后臺(tái)時(shí)，一直保持連接http開銷很大,感興趣的朋友可以了解下啊2013-01-01
一文教你用JavaScript制作個(gè)簡單的大轉(zhuǎn)盤游戲
日常生活中，我們經(jīng)常會(huì)見到形形色色的抽獎(jiǎng)活動(dòng)，例如九宮格、大轉(zhuǎn)盤等等……本文就來教大家如何利用JavaScript制作個(gè)簡單的大轉(zhuǎn)盤游戲，感興趣的可以了解一下2023-02-02
electron的webview和內(nèi)嵌網(wǎng)頁通信的方法
在 Electron 的世界里,webview 標(biāo)簽相當(dāng)于一個(gè)小盒子,里面可以裝一個(gè)完整的網(wǎng)頁,就像一個(gè)迷你瀏覽器,這篇文章主要介紹了electron的webview和內(nèi)嵌網(wǎng)頁如何通信,需要的朋友可以參考下2024-04-04
JS判斷Android、iOS或?yàn)g覽器的多種方法(四種方法)
這篇文章主要介紹了JS判斷Android、iOS或?yàn)g覽器的多種方法(四種方法),需要的朋友可以參考下2017-06-06
Android中Okhttp3實(shí)現(xiàn)上傳多張圖片同時(shí)傳遞參數(shù)
本篇文章主要介紹了Android中Okhttp3實(shí)現(xiàn)上傳多張圖片同時(shí)傳遞參數(shù) ，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
BootStrap中Datetimepicker和uploadify插件應(yīng)用實(shí)例小結(jié)
這篇文章主要介紹了BootStrap中Datetimepicker和uploadify插件應(yīng)用實(shí)例小結(jié)的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-05-05
原生JS實(shí)現(xiàn)DOM加載完成馬上執(zhí)行JS代碼的方法
今天小編就為大家分享一篇原生JS實(shí)現(xiàn)DOM加載完成馬上執(zhí)行JS代碼的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Bootstrap精簡教程中秋大放送，這篇文章主要為大家分享了最基礎(chǔ)的Bootstrap學(xué)習(xí)教程，感興趣的小伙伴們可以參考一下2016-09-09
詳解ES6之用let聲明變量以及l(fā)et loop機(jī)制
本篇文章主要介紹了詳解ES6之用let聲明變量以及l(fā)et loop機(jī)制，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
如何使用json在前后臺(tái)進(jìn)行數(shù)據(jù)傳輸實(shí)例介紹
需要把這些輸入寫入數(shù)據(jù)庫，這里就用到j(luò)son傳入，先看一下后臺(tái)如何生成要傳輸?shù)臄?shù)據(jù)，感興趣的朋友可以參考下，希望可以幫助到你2013-04-04