在微信小程序開發(fā)過程中，有時候會用到常用的一些特殊字符如：‘<'、‘>'、‘&'、‘空格'等，微信小程序同樣支持對轉義字符的處理，下面提供兩種方法用來處理微信小程序中轉義字符的處理。

1.官方API調用

這種方式，我們直接在wxml布局文件中，直接調用相關特殊符號的轉義字符會無效，原因是小程序的text文本控件的decode屬性沒有打開導致的，看下文檔說明：

從文檔中，我們可以發(fā)現(xiàn)，decode屬性默認為false，不會解析我們的特殊字符，我們通過設置decode屬性為true，并且調用其轉義字符即可實現(xiàn)該特殊字符的顯示。

<text class='dialog-close' decode='true'>< 返回</text>

通過上述代碼即可實現(xiàn) < 返回 的效果。

其中：

2.通過JS文件來實現(xiàn)

除了上面的實現(xiàn)方法，針對一些特殊字符我們還可以通過wxml與JS文件相結合的方式來實現(xiàn)。

首先，在wxml文件中對text文本控件做如下設置：

<text class='dialog-close'>{{dialogback}}</text>

然后，我們在JS文件的data中設置其文本內容：

data: { dialogback:"< 返回", //... 其他配置 }

通過這種方式也可以實現(xiàn) < 返回 的效果。

示例

因為我是在<image>標簽中訪問，所以小程序中沒有便捷方法可以轉義，寫了一個死方法――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("轉義字符", url); return url;}module.exports = { replaceSpecialChar: replaceSpecialChar}

需要用到的時候，在頁面對應的js里面調用該方法：

var replace = require("../../utils/replace.js");Page({ .............. url = replace.replaceSpecialChar(res.data.url)}）

至此，微信小程序中關于轉義字符的處理就基本實現(xiàn)了，如有問題，歡迎留言。也希望大家多多支持武林網。