微信小程序 两种为对象属性赋值的方式详解


Posted in Javascript onFebruary 23, 2017

微信小程序两种为对象属性赋值的方式

对应config.wxml

<view>
   阶段一<switch id="config1" checked bindchange="switchChange"/> 
</view>

对应config.js

data:{
     //定义对象
configs:{}
}
//方式一
switchChange:function(e){
  //为对象的某一属性赋值
  configs.config1={ };
  console.log(e);
}
//方式二
switchChange:function(e){
  //为对象的某一属性赋值
  configs["config1"]={ }
  console.log(e);
}

两种效果等同

对比:

方式一的 congfig1取至function(e),是个不定值,因为若数组个数发生改变,相应的congfig1指的便不是同一个

方式二config1取至 congfig.wxml中事件switchChange,id为config1的属性

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
javascript 另一种图片滚动切换效果思路
Apr 20 Javascript
JS打开新窗口的2种方式
Apr 18 Javascript
自定义的一个简单时尚js下拉选择框
Nov 20 Javascript
js 左右悬浮对联广告代码示例
Dec 12 Javascript
javascript顺序加载图片的方法
Jul 18 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记8)
Dec 24 Javascript
JQuery EasyUI的使用
Feb 24 Javascript
Bootstrap精简教程中秋大放送
Sep 15 Javascript
常用的几个JQuery代码片段
Mar 13 Javascript
vue获取元素宽、高、距离左边距离,右,上距离等还有XY坐标轴的方法
Sep 05 Javascript
OpenLayer学习之自定义测量控件
Sep 28 Javascript
Vue使用Element实现增删改查+打包的步骤
Nov 25 Vue.js
js实现文字跑马灯效果
Feb 23 #Javascript
微信小程序 出现错误:{&quot;baseresponse&quot;:{&quot;errcode&quot;:-80002,&quot;errmsg&quot;:&quot;&quot;}}解决办法
Feb 23 #Javascript
JS正则表达式验证密码格式的集中情况总结
Feb 23 #Javascript
js模拟微博发布消息
Feb 23 #Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
Feb 23 #Javascript
微信小程序 开发之顶部导航栏实例代码
Feb 23 #Javascript
jQuery中绑定事件bind() on() live() one()的异同
Feb 23 #Javascript
You might like
如何使用PHP中的字符串函数
2006/10/09 PHP
php 删除数组元素
2009/01/16 PHP
php下几个常用的去空、分组、调试数组函数
2009/02/22 PHP
Jquery 学习笔记(一)
2009/10/13 Javascript
javascript下arguments,caller,callee,call,apply示例及理解
2009/12/24 Javascript
JavaScript 学习笔记(十四) 正则表达式
2010/01/22 Javascript
js工具方法弹出蒙版
2013/05/08 Javascript
13 款最热门的 jQuery 图像 360 度旋转插件推荐
2014/12/09 Javascript
javascript判断移动端访问设备并解析对应CSS的方法
2015/02/05 Javascript
详解JavaScript中jQuery和Ajax以及JSONP的联合使用
2015/08/13 Javascript
Angular实现一个简单的多选复选框的弹出框指令实例
2017/04/25 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
2018/03/05 Javascript
如何使node也支持从url加载一个module详解
2018/06/05 Javascript
axios简单实现小程序延时loading指示
2018/07/30 Javascript
对Vue table 动态表格td可编辑的方法详解
2018/08/28 Javascript
基于JS实现web端录音与播放功能
2019/04/17 Javascript
Vue使用Clipboard.JS在h5页面中复制内容实例详解
2019/09/03 Javascript
Nuxt.js 静态资源和打包的操作
2020/11/06 Javascript
Python实现文件按照日期命名的方法
2015/07/09 Python
使用python 写一个静态服务(实战)
2019/06/28 Python
python实现的分析并统计nginx日志数据功能示例
2019/12/21 Python
flask框架蓝图和子域名配置详解
2020/01/25 Python
如何让python的运行速度得到提升
2020/07/08 Python
canvas学习和滤镜实现代码
2018/08/22 HTML / CSS
加拿大国民体育购物网站:National Sports
2018/11/04 全球购物
菲律宾优惠券网站:MetroDeal
2019/04/12 全球购物
印度尼西亚最完整和最大的在线药房网站:Farmaku.com
2019/11/23 全球购物
博柏利美国官方网站:Burberry美国
2020/11/19 全球购物
工程预算与管理应届生求职信
2013/10/06 职场文书
祖国在我心中演讲稿600字
2014/05/04 职场文书
大专生自我鉴定怎么写
2014/09/16 职场文书
欠款纠纷起诉状
2015/05/19 职场文书
预备党员考察意见范文
2015/06/01 职场文书
幼儿园安全管理制度
2015/08/05 职场文书
爱护公物主题班会
2015/08/17 职场文书
Selenium浏览器自动化如何上传文件
2022/04/06 Python