在微信小程序開發(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í)候，在頁(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)了，如有問題，歡迎留言。也希望大家多多支持錯(cuò)新站長(zhǎng)站。