微信小程序Page中data数据操作和函数调用

àì夳堔傛蜴生んèń 2022-06-10 09:10 555阅读 0赞

微信小程序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;",
        })
      },
    )}

发表评论取消回复

表情：

评论列表（有 0 条评论，555人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序怎么获取到data数据？

var text=this.data.name ，这样就获取到初始化的值 page({ data:{ name:"我叫小明" },

刺骨的言语ヽ痛彻心扉/ 2023年01月10日 13:18/ 0 赞/ 221 阅读

相关微信小程序调用微信支付

一：小程序充值列表 <view class="charge\_rule\_list fl \{ \{current\_id==item.id?'active':''\}\}"

悠悠/ 2022年12月24日 06:57/ 0 赞/ 262 阅读

相关微信小程序 data对象赋值和取值

微信小程序 data对象赋值和取值显示静态数据往data赋值 Page({ data: { motto: 'Hello

r囧r小猫/ 2022年11月28日 13:50/ 0 赞/ 396 阅读

相关【微信小程序】调用api

index.js onLoad: function (options) { wx.request({ url: 'https://

￡神魔★判官ぃ/ 2022年11月05日 08:36/ 0 赞/ 259 阅读

相关微信小程序中调用page中自定义的函数

微信小程序中调用page中自定义的函数如下所示，在函数中如果不加this的话控制台会报错： this.initalEncryptedInput();

淡淡的烟草味﹌/ 2022年06月10日 09:12/ 0 赞/ 298 阅读

相关微信小程序Page中data数据操作和函数调用

微信小程序Page中data数据获取和设置一、Page中data数据的获取和设置： 1、设置data数据 this.setData(object) setData

àì夳堔傛蜴生んèń/ 2022年06月10日 09:10/ 0 赞/ 556 阅读

相关微信小程序函数调用监控

微信小程序之无埋点函数调用监控有时候，面对一个bug，左思右想就是无法理解为什么。我就有过这样的经历，耗时整个一个晚上，后来还是放弃了。不得不在所有可能的点

本是古典何须时尚/ 2022年05月24日 00:42/ 0 赞/ 227 阅读

相关小程序App()和Page()函数

一，App() 用来注册一个小程序。在小程序启动的时候调用，并创建小程序，直到销毁。在整个小程序的生命周期过程中，它都是存在的。很显然它是单例的，全局的。所以， 1）只能在

矫情吗；*/ 2022年04月05日 15:42/ 0 赞/ 182 阅读

相关微信小程序{{}}中直接调用自定义的函数

问题：在微信小程序中开发有时候还是觉得el表达式好用，想用同样的类似的方法来调用函数，所有这里就在网上找了一个类似的写法，代码如下所示： 1：\{ \{\}\}调用自定义的

男娘i/ 2022年01月25日 14:46/ 0 赞/ 1148 阅读

相关【微信小程序】Page not found 错误

在写小程序的时候遇到，明明在开发工具上一切都是正常的，但是到了真机就各种问题，比如显示不出东西或者是按钮没有用。这时候你就打开真机上的调试工具，可能你就会看到，没有报任何

红太狼/ 2021年09月26日 06:58/ 0 赞/ 1157 阅读