微信小程序:setData函数

santu4年前 (2023-02-10)微信小程序1771

在小程序中经常会用到setData函数把变量渲染到视图层,为什么不直接赋值呢?下面来详细了解一下

  • setData是小程序开发中使用最频繁的接口,界面几乎所有变量都要用到它

  • setData函数用于将逻辑层的数据渲染到视图层(异步),同时改变对应的this.data的值(同步)

示例1:简单实现点击修改变量值

先在页面上放一个文本控件用来显示内容

再放一个按钮用来执行命令

1.wxml

<text>test:{{test}}</text>
<button bindtap="bindTest">点击改变test值</button>

2.js

Page({
    data:{
        test:"我是原始值”
        },
    bindtest: function(){
        console.log("setData前:"+this.data.test);
        this.setData({
            test:"我的值被改变了!"
        })
        console.log("setData后:"+this.data.test);
        }
})


相关文章

微信小程序:API安全处理

微信小程序:API安全处理

前端发往后端的请求,要先经过RSA公钥加密处理,后端收到后使用公钥解密,防止数据被中途拦截修改·在线生成RSA密钥对:http://travistidwell.com/jsencrypt/demo/·...