在微信小程序開發過程中,有時候會用到常用的一些特殊字符如:‘<’、‘>’、‘&’、‘空格’等,微信小程序同樣支持對轉義字符的處理,下面提供兩種方法用來處理微信小程序中轉義字符的處理。
1.官方API調用
這種方式,我們直接在wxml布局文件中,直接調用相關特殊符號的轉義字符會無效,原因是小程序的text文本控件的decode屬性沒有打開導致的,看下文檔說明:
從文檔中,我們可以發現,decode屬性默認為false,不會解析我們的特殊字符,我們通過設置decode屬性為true,並且調用其轉義字符即可實現該特殊字符的顯示。
<text class='dialog-close' decode='true'>< 返回</text>
1
通過上述代碼即可實現 < 返回 的效果。
其中:
2.通過JS文件來實現
除了上面的實現方法,針對一些特殊字符我們還可以通過wxml與JS文件相結合的方式來實現。
首先,在wxml文件中對text文本控件做如下設置:
<text class='dialog-close'>{{dialogback}}</text>
1
然后,我們在JS文件的data中設置其文本內容:
data: {
dialogback:"< 返回",
//... 其他配置
通過這種方式也可以實現 < 返回 的效果。
至此,微信小程序中關於轉義字符的處理就基本實現了,如有問題,歡迎留言。
---------------------
作者:Hi以夢為馬
來源:CSDN
原文:https://blog.csdn.net/lhy349/article/details/81062558
版權聲明:本文為博主原創文章,轉載請附上博文鏈接!