微信小程序 - 使用变量设置属性名

最新推荐文章于 2024-06-20 16:21:12 发布
最新推荐文章于 2024-06-20 16:21:12 发布
阅读量751 收藏
点赞数
文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mfddmobile/article/details/132987737
版权
小程序 专栏收录该内容
36 篇文章 4 订阅 ¥59.90 ¥99.00
订阅专栏
本文介绍了在微信小程序开发中如何使用变量设置属性名，通过计算属性名和ES6的扩展运算符实现动态更新页面数据。详细解释了示例代码，强调了遵循数据更新规则以提高性能，并提醒开发者这种方法在处理动态表单和用户输入时非常有用。
摘要由CSDN通过智能技术生成

在微信小程序开发中，我们经常需要在运行时根据不同的条件或用户输入来设置属性名。然而，直接在this.setData中使用变量作为属性名是不支持的。但是，我们可以通过一些技巧来实现这个目标。本文将介绍如何在微信小程序中使用变量设置属性名，并附带相应的源代码示例。

在微信小程序中，我们通常使用this.setData方法来更新页面数据。该方法接受一个对象作为参数，其中键表示要更新的属性名，值表示要更新的属性值。然而，如果我们想要动态地设置属性名，就不能直接在对象字面量中使用变量。幸运的是，我们可以借助计算属性名和ES6的扩展运算符来实现这一目标。

下面是一个示例，展示了如何在微信小程序中使用变量设置属性名：

// 在 Page 对象中定义一个变量
data: {
   
  dynamicPropertyName:
了解本专栏 订阅专栏 解锁全文
MfddMobile
关注
专栏目录
订阅专栏
微信小程序 - this.setData() 属性名使用变量（key 动态属性）
王佳斌
05-17 4341
前言 我们多个输入框需要双向绑定的时候，会有很多函数使用 setData 进行赋值，遗憾的是每个函数代码几乎一致，仅仅修改的变量名不同而已。 例如，我现在有如下 data 数据： list: { name: '', page: '', limit: '' } 您一定想到使用动态属性，如下代码所示： // 更新 name 变量 var key = 'list.name' this.setData({ key: '我是内容' }) 很遗憾，key 被当作了 “属性”，并不是您所想象的。 解
微信小程序 全局变量
JxufeCarol的博客
06-09 6521
参考链接： （1）微信小程序全局变量实时改变 https://blog.csdn.net/baozaobenren/article/details/103935183 （2）微信小程序全局变量的设置、使用、修改 https://blog.csdn.net/weixin_30853329/article/details/101519888 一、全局变量的设置 在miniprogram > app.js 文件中设置，globalData对象就是存储全局变量的。 App({ globalData:
微信小程序：必须知道的变量作用域
PBitW的博客
03-23 3555
Page外定义的是全局变量，在页面中要显示的就定义在data里面，不显示的，就可以定义在Page外面，每个页面都是一个独立的模块，当然其他页面获取不到的 如果要全局使用某些变量，可以放在app.js里面，在其他页面可以通过getApp()获取 data里面的变量名跟page外面的变量名重名没问题，打印出来互不相关 函数中的变量名跟page外面的重名则会覆盖，并产生变量的声明提升，从undefined跟5可以看出
关于微信小程序开发的全局变量
热门推荐
zmd9999的博客
04-16 1万+
关于全局变量的定义在app.js文件中的globalData中进行定义，如isLogin关于全局变量的调用在app.js脚本文件中进行调用this.globalData.isLogin在非app.js脚本文件中进行调用声明变量：var app = getApp();获取全局的变量调用：app.globalData.isLogin关于管局变量的改变不用this.setData,直接 app.glob...
微信小程序学习 全局变量
最新发布
lr1219907412的博客
06-20 1086
app.js中主程序为app{()}，搭建对象globalData{}，内部存储全局变量，按照正常变量定义方式进行定义，如图所示。无论调用还是赋值都需要先声明app，app为定义变量，用于调用、赋值变量的变量名app_var可以更改命名。全局变量在微信小程序中app.js中建立如图所示。微信小程序学习——全局变量。二、在app.js内使用。
014-微信小程序-weapp-360che-master.zip
06-11
微信小程序是一种轻量级的应用开发平台，主要针对移动端，尤其是智能手机用户。它是微信生态体系的一部分，允许开发者在微信内创建无需下载安装即可使用的应用。"014-微信小程序-weapp-360che-master.zip"这个压缩包...
微信小程序-修改数据后页面不渲染，设置全局变量，自定义属性 ...
03-29
我的观点是肯定不可能，因为现在每天提交审核的小程序还在继续增加，而且有些小程序确实很好用，比如摩拜的扫码骑车，还有我上周去KTV，直接用小程序扫屏幕上的二维码，就可以绑定房间，然后通过小程序点歌，切歌，...
微信小程序设置动态变量设值
Guoye的专栏
10-13 1010
微信小程序如何动态变量设值？
微信小程序全局变量功能与用法详解
01-03
本文实例讲述了微信小程序全局变量功能与用法。分享给大家供大家参考，具体如下： 全局变量的作用 在微信小程序开发中，会遇到一个很实际的应用场景，就是一个变量会在多个页面进行使用。 例如： 1. 在微信小程序开发中使用高德地图的微信小程序开发，其中key值就需要在多个页面使用； 2. 在微信小程序开发电商平台时同样，比如客服电话，就需要在多个页面使用。 在以上两种类似的场景中，开发者就需要使用全局变量，当然也有开发者说不能每个page页面都定义一个？如果客服电话改变，如果客服要求采用他的高德key，这个时候只需要修改全局，就能进行整个小程序的修改，如果每个page一个变量，将会在修改中花费大
使用变量动态设置js的属性名
12-09
目标:js的属性名可以使用变量 举例:js对象object,当赋给该对象属性的时候可以采用以下方式 代码如下: var object; object.prop1 = “value1”; object.prop2 = “value2”; 也可以采用如下方式: 代码如下: object.push({prop1:”value1″}); object.push({prop2:”value2″}); 在这里prop1 作为属性名称,可以直接用,也可以加上引号,比如: 代码如下: object.push({“<span style=”font-family: Arial, Helvetic
微信小程序动态拼接变量名
qq_45963949的博客
02-19 3283
众所周知，微信小程序因为安全问题不能使用eval()函数，所以不能使用eval()来动态的拼接变量名。 但可以使用ES6的字符串模板来直接拼接，直接看代码 let obj = { obj1 :{ say:'hi1' }, obj2 :{ say:'hi2' } } let one = obj1 let two = say // 等于 obj.obj1.say // `` 是ESC下 TAB上的哪
微信小程序--关于js文件在Page({})外部声明的var变量的小笔记
hillsburg的博客
10-05 4184
微信小程序–关于js文件在Page({})外部声明的var变量的小笔记 一个微信小程序Page页面，一般包含4个文件。例如，一个名称为test的页面一般包含： test.js test.json test.wxml test.wxss 在test.js文件中，当用户在Page外部声明var变量时，当用户退出该页面时，只要该页面还驻留在内存中未被销毁，则当再次加载此页面时，变量的值不会改变。 因...
学习笔记——微信小程序var与let、bindtap与bindinput、全局变量与局部变量的区别
m0_63309256的博客
04-19 688
全局变量是在整个小程序运行周期内都可以访问的变量它们通常被定义在小程序的全局作用域中，可以在各个页面、组件以及 JavaScript 文件中使用。全局变量可在小程序中任何页面中调用getApp（）函数调用获取小程序实例，类似Java中的实例化对象。var申明的为全局变量，作用域为所在的函数内，其他函数调用会出现变量未定义的报错。let声明的为局部变量，只会作用于最近的{}中，其他区域无法调用。3、bindtap与bindinput的区别。局部变量是只在特定区域起作用的变量，bindtap绑定的是点击事件。
微信小程序 setData动态变量值整理
q1ngqingsky的博客
01-25 1929
1. 直接修改的情况下： Page:{ data:{ isDisable: false, form:{ age: 20, name: '里斯', } }, methods: { setName(){ this.setData({ // 修改并保存更新至wxml页面上
微信小程序，通过变量名的字符串，来获取变量并使用
u013595395的博客
07-28 3709
注：偶然发现 不用像后面写得那么麻烦，let param = "isShow"; this.data[`${ param }`] 直接写成this.data[ param ] 如，有一变量isShow，let param = "isShow"; 通过this.data[`${ param }`]可以获取到变量。 具体的例子： data: { isShow:false } click:function(){ console.log(this.data.is...
微信小程序中全局变量的应用
zxcvb0825的博客
12-06 3111
/ app.jsApp({},// 其他生命周期函数等})在上述代码中，我们在 App 实例中定义了一个 globalData 对象，其中包含了 userInfo 和 appId 两个属性。
动态变量名
dianxer的专栏
03-14 315
int getValue(string wl) { FieldInfo fi=this.GetType().GetField("a"+wl ,BindingFlags.NonPublic|BindingFlags.Instance ); if(fi==null) throw(new Exception("can
微信小程序wxss动态变量的写法动态主题色配置~TuT~超简单哦
weixin_52901235的博客
03-01 795
wxss中js效果图
微信小程序van-grid变量名有啥用
08-04
### 回答1： van-grid 是一个 Vue.js 组件，它提供了一种方法来在小程序中展示网格布局。 van-grid 变量名是用来指代这个组件的。在使用 van-grid 组件时，你需要为它指定一个变量名。例如: ``` <template> <van-grid :columns="4" :border="false" :square="true" :gutter="20"> <van-grid-item> <van-icon name="home-o" /> <text class="van-grid-item__text">首页</text> </van-grid-item> <van-grid-item> <van-icon name="cart-o" /> <text class="van-grid-item__text">购物车</text> </van-grid-item> <!-- ... --> </van-grid> </template> ``` 在这个例子中，van-grid 就是 van-grid 组件的变量名。 ### 回答2： 微信小程序中的van-grid组件是一个可以实现网格布局的容器组件，并且可以根据需要对其中的子元素进行排列和展示。而变量名在编程中是用来标识和引用不同数据或对象的名称。 对于van-grid而言，变量名的作用主要有以下几个方面： 1. 通过变量名可以方便地引用和操作van-grid组件。在小程序的开发中，我们可以使用变量名来访问和修改组件的属性和方法，从而实现对组件的控制和调用。比如，我们可以使用变量名来控制van-grid中子元素的显示和隐藏，或者是根据用户的行为动态修改子元素的内容等。 2. 变量名可以帮助我们更好地理解和管理代码。使用有意义的变量名可以使代码更具可读性，提高代码的可维护性。在van-grid中，我们可以通过为变量名添加语义化的命名来更好地描述组件的作用和功能，方便他人理解和使用代码。 3. 变量名可以帮助我们降低代码的耦合性。通过使用变量名来引用和操作van-grid组件，我们可以将组件内部的实现细节隐藏起来，只暴露必要的接口和属性供外部使用。这样可以降低组件与外部代码的依赖，提高代码的灵活性和可重用性。 总结来说，微信小程序中的van-grid变量名有助于引用和操作组件，提高代码的可读性和可维护性，降低代码的耦合性，使开发过程更加高效和灵活。 ### 回答3： 微信小程序中的van-grid组件是一个网格布局的容器，用于展示类似于九宫格的数据。而变量名在程序中的作用是用来标识和引用一个值或者对象，以方便在代码中进行操作和调用。 在van-grid组件中，通过设置变量名，我们可以方便地使用数据绑定将数据源和网格项进行关联。通过给变量名赋值，我们可以动态地更新网格项的内容，从而实现数据的展示和刷新。 另外，变量名还可以作为事件的参数传递。当用户点击某个网格项时，可以通过事件对象的currentTarget属性获取到被点击项的变量名，从而执行相应的操作。比如，可以根据变量名来打开对应的页面或者展示对应的内容。 除了与数据绑定和事件的操作相关，变量名还可以用于样式的动态控制。通过给网格项的变量名绑定不同的样式，我们可以实现网格项的不同的显示效果或者排列方式。 综上所述，微信小程序中的van-grid组件的变量名具有非常重要的作用。它不仅方便了数据的展示和操作，还可以实现用户交互和样式的动态控制，使得网格布局的使用更加灵活和便捷。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值