溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在微信小程序開發過程中，有時候會用到常用的一些特殊字符如：‘<'、‘>'、‘&'、‘空格'等，微信小程序同樣支持對轉義字符的處理，下面提供兩種方法用來處理微信小程序中轉義字符的處理。
1.官方API調用
這種方式，我們直接在wxml布局文件中，直接調用相關特殊符號的轉義字符會無效，原因是小程序的text文本控件的decode屬性沒有打開導致的，看下文檔說明：
從文檔中，我們可以發現，decode屬性默認為false，不會解析我們的特殊字符，我們通過設置decode屬性為true，并且調用其轉義字符即可實現該特殊字符的顯示。
<text class='dialog-close' decode='true'>< 返回</text>
通過上述代碼即可實現 < 返回 的效果。
其中：
2.通過JS文件來實現
除了上面的實現方法，針對一些特殊字符我們還可以通過wxml與JS文件相結合的方式來實現。
首先，在wxml文件中對text文本控件做如下設置：
<text class='dialog-close'>{{dialogback}}</text>
然后，我們在JS文件的data中設置其文本內容：
data: {
dialogback:"< 返回",
//... 其他配置
}
通過這種方式也可以實現 < 返回 的效果。
示例
因為我是在<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)
}）
至此，微信小程序中關于轉義字符的處理就基本實現了，如有問題，歡迎留言。也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
