小程序转uniapp之setData

在小程序中,我们可以使用this.setData()方法来更新页面的数据。而在Uni-app中,我们可以使用this.$set()方法来更新页面的数据。两者之间的使用方法略有不同。

在小程序中,this.setData()接受一个对象参数,可以更新页面中的多个数据字段。示例如下:

this.setData({
  a: 1,
  b: 'hello',
  c: true
})

而在Uni-app中,this.$set()接受两个参数,第一个参数是要更新的数据字段的路径,第二个参数是要更新的值。示例如下:

this.$set(this.data, 'a', 1)
this.$set(this.data, 'b', 'hello')
this.$set(this.data, 'c', true)

需要注意的是,在Uni-app中,我们需要使用this.data来访问页面的数据对象。另外,Uni-app中也支持使用this.setData()方法来更新数据,但推荐使用this.$set()方法来更新数据,因为它更符合Vue的数据更新机制。

总结一下,小程序中的this.setData()对应Uni-app中的this.$set(),两者都可以用来更新页面的数据。在Uni-app中,推荐使用this.$set()方法来更新数据。

setData:function (datas){
let _this = this
for(let key in datas){
console.log(key,datas[key])
_this[key] = datas[key]
}
},

### uniapp 微信小程序中实现 sm4 加密的方法 在 uniapp 微信小程序中实现 sm4 加密,可以通过引入第三方库 `sm-crypto` 来完成。以下是具体实现方法和示例代码。 #### 1. 安装 `sm-crypto` 库 首先需要安装 `sm-crypto` 库,该库支持国密算法(如 sm4)。可以通过 npm 或 yarn 安装: ```bash npm install sm-crypto ``` #### 2. 创建加密解密工具文件 在项目中创建一个工具文件,例如 `utils/common.js`,用于封装 sm4 的加密和解密功能。 ```javascript // utils/common.js import sm4 from 'sm-crypto'; // sm4 加密函数 export function encrypt(data, key = '1910130389abcdeffedcba9876243210') { return sm4.encrypt(data, key); } // sm4 解密函数 export function decrypt(data, key = '1910130389abcdeffedcba9876243210') { return sm4.decrypt(data, key); } ``` #### 3. 使用加密解密功能 在页面或其他模块中引入封装好的工具函数,并调用加密或解密方法。 ```javascript // 在页面中使用 import { encrypt, decrypt } from '@/utils/common.js'; Page({ data: { originalData: '需要加密的数据', encryptedData: '', decryptedData: '' }, onLoad() { // 调用加密函数 const encrypted = encrypt(this.data.originalData); this.setData({ encryptedData: encrypted }); // 调用解密函数 const decrypted = decrypt(encrypted); this.setData({ decryptedData: decrypted }); } }); ``` #### 4. 注意事项 - **密钥管理**:确保密钥的安全性,不要将密钥硬编码到前端代码中[^2]。 - **数据格式**:加密后的数据通常是十六进制字符串,解密时需要注意输入格式。 - **兼容性**:uniapp 支持多端运行,确保 sm4 算法在目标平台上的兼容性。 #### 示例效果 假设原始数据为 `需要加密的数据`,加密后生成的密文可能类似于 `e1f5c9d4a8b7...`,解密后可以还原为原始数据。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值