微信小程序中轉(zhuǎn)義字符的處理方法

發(fā)布時間：2020-10-02 19:59:42 來源：腳本之家閱讀：892 作者：Hi以夢為馬欄目：web開發(fā)

在微信小程序開發(fā)過程中，有時候會用到常用的一些特殊字符如：‘<'、‘>'、‘&'、‘空格'等，微信小程序同樣支持對轉(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'>&lt; 返回</text>

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

其中：

微信小程序中轉(zhuǎ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)義，寫了一個死方法——replace.js，如下：

//替換URL中特殊字符
function replaceSpecialChar(url) {
 url = url.replace(/&quot;/g, '"');
 url = url.replace(/&amp;/g, '&');
 url = url.replace(/&lt;/g, '<');
 url = url.replace(/&gt;/g, '>');
 url = url.replace(/&nbsp;/g, ' ');
 console.log("轉(zhuǎn)義字符", url);
 return url;
}
module.exports = {
 replaceSpecialChar: replaceSpecialChar
}

需要用到的時候，在頁面對應(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)了，如有問題，歡迎留言。也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

微信小程序中轉(zhuǎn)義字符的處理方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽