微信小程序中轉義字符的處理方法
在微信小程序開發(fā)過程中,有時候會用到常用的一些特殊字符如:‘<'、‘>'、‘&'、‘空格'等,微信小程序同樣支持對轉義字符的處理,下面提供兩種方法用來處理微信小程序中轉義字符的處理。
1.官方API調用
這種方式,我們直接在wxml布局文件中,直接調用相關特殊符號的轉義字符會無效,原因是小程序的text文本控件的decode屬性沒有打開導致的,看下文檔說明:
從文檔中,我們可以發(fā)現,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) })
至此,微信小程序中關于轉義字符的處理就基本實現了,如有問題,歡迎留言。也希望大家多多支持腳本之家。
相關文章
微信小程序scroll-view實現滾動到錨點左側導航欄點餐功能(點擊種類,滾動到錨點)
這篇文章主要介紹了微信小程序scroll-view左側導航欄點餐功能實現,點擊種類,滾動到錨點;滾動到錨點,種類選中,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06使用Browserify來實現CommonJS的瀏覽器加載方法
下面小編就為大家?guī)硪黄褂肂rowserify來實現CommonJS的瀏覽器加載方法。小編覺得挺不錯的,現在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-05-05BOM系列第一篇之定時器setTimeout和setInterval
這篇文章主要介紹了BOM系列第一篇之定時器setTimeout和setInterval 的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08基于Taro的微信小程序模板消息-獲取formId功能模塊封裝實踐
這篇文章主要介紹了基于Taro的微信小程序模板消息-獲取formId功能模塊封裝實踐,小程序提供了一種能力-模板消息,基于微信的通知渠道,我們?yōu)殚_發(fā)者提供了可以高效觸達用戶的模板消息能力,以便實現服務的閉環(huán)并提供更佳的體驗,需要的朋友可以參考下2019-07-07關于JavaScript使用export和import的兩個報錯解決
說來慚愧es6寫了這么久,連最基本的export和import都沒搞明白,下面這篇文章主要給大家介紹了關于JavaScript使用export和import的兩個報錯的解決方法,需要的朋友可以參考下2022-07-07