微信小程序Page中怎么實現data數據操作和函數調用

本篇內容主要講解“微信小程序Page中怎么實現data數據操作和函數調用”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“微信小程序Page中怎么實現data數據操作和函數調用”吧!

微信小程序Page中data數據獲取和設置

一、Page中data數據的獲取和設置：

       1、設置data數據 this.setData(object)

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

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

2、獲取data數據 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;", 
 }) 
 }, 
)}

到此，相信大家對“微信小程序Page中怎么實現data數據操作和函數調用”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！