快捷導(dǎo)航

詳解微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用

更新時間：2017年09月27日 15:26:16 作者：tangxiujiang

這篇文章主要介紹了詳解微信小程序Page中data數(shù)據(jù)操作和函數(shù)調(diào)用的相關(guān)資料,希望通過本文能幫助到大家掌握這方法，需要的朋友可以參考下

微信小程序Page中data數(shù)據(jù)獲取和設(shè)置

一、Page中data數(shù)據(jù)的獲取和設(shè)置：

1、設(shè)置data數(shù)據(jù) this.setData(object)

setData() 參數(shù)格式：接受一個對象，以 key，value 的形式表示將 this.data 中的 key 對應(yīng)的值改變成 value。其中 key 可以非常靈活，以數(shù)據(jù) 路徑的形式給出，如 array[2].message，a.b.c.d，并且不需要在 this.data 中預(yù)先定義。

this.setData({ 
; encryptionPage: 'display:block', 
});

2、獲取data數(shù)據(jù) this.data.object

var text=this.data.text

Page({ 
 data: { 
 encryption: "color: green; border-bottom-color: green; border-bottom-size: 1px; border-bottom-style: solid;", 
 decryption: "color: gray; border-bottom-color: #F5F5F5; border-bottom-size: 1px; border-bottom-style: solid;", 
 encryptionPage:'display:block', 
 decryptionPage:'display:none', 
 originalText:'', 
 encryptedText:'', 
 originalTextDecode:'', 
 encryptedTextDecode:'', 
 encryptedPassword:'', 
 decryptedPassword:'', 
},

 setEncryption: function(e){ 
 this.setData({ 
 encryptionPage: 'display:block', 
 decryptionPage: 'display:none', 
 encryption: "color: green; border-bottom-color: green; border-bottom-size: 1px; border-bottom-style: solid;", 
 decryption: "color: gray; border-bottom-color: #F5F5F5; border-bottom-size: 1px; border-bottom-style: solid;", 
 }) 
 }, 
)}

如有疑問請留言或者到本站社區(qū)交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！

您可能感興趣的文章:

相關(guān)文章

動態(tài)引入DynamicImport實現(xiàn)原理
這篇文章主要為大家介紹了動態(tài)引入DynamicImport實現(xiàn)原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-01-01
微信小程序頁面之間傳參實例詳解
這篇文章主要介紹了微信小程序頁面之間傳參實例詳解的相關(guān)資料,需要的朋友可以參考下
2017-01-01
微信小程序 location API實例詳解
這篇文章主要介紹了微信小程序 location API實例詳解的相關(guān)資料,需要的朋友可以參考下
2016-10-10
Parcel配置public靜態(tài)文件目錄過程解析
這篇文章主要為大家介紹了Parcel配置public靜態(tài)文件目錄實現(xiàn)過程解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-06-06
可拖動窗口，附帶鼠標控制漸變透明，開啟關(guān)閉功能
可拖動窗口，附帶鼠標控制漸變透明，開啟關(guān)閉功能...
2006-06-06
微信小程序繪圖之餅圖實現(xiàn)
這篇文章主要介紹了微信小程序繪圖之餅圖實現(xiàn)的相關(guān)資料,需要的朋友可以參考下
2016-10-10
微信小程序 Video API實例詳解
這篇文章主要介紹了微信小程序 Video API實例詳解,需要的朋友可以參考下
2016-10-10
JS前端可擴展的低代碼UI框架Sunmao使用詳解
這篇文章主要為大家介紹了JS前端可擴展的低代碼UI框架Sunmao使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-07-07
javascript使用btoa和atob來進行Base64轉(zhuǎn)碼和解碼
javascript原生的api本來就支持,Base64,但是由于之前的javascript局限性，導(dǎo)致Base64基本中看不中用。當(dāng)前html5標準正式化之際，Base64將有較大的轉(zhuǎn)型空間,對于Html5 Api中出現(xiàn)的如FileReader Api, 拖拽上傳,甚至是Canvas,Video截圖都可以實現(xiàn)
2017-03-03
微信小程序圖片邊框解決方法
這篇文章主要介紹了微信小程序圖片邊框解決方法的相關(guān)資料,需要的朋友可以參考下
2017-01-01