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


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 相关文章推荐
jquery 子窗口操作父窗口的代码
Sep 21 Javascript
jQuery中复合属性选择器用法实例
Dec 31 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
Dec 09 Javascript
浅析Javascript中bind()方法的使用与实现
Apr 29 Javascript
jquery.form.js框架实现文件上传功能案例解析(springmvc)
May 26 Javascript
jQuery回到顶部的代码
Jul 09 Javascript
微信小程序 教程之数据绑定
Oct 18 Javascript
通过npm或yarn自动生成vue组件的方法示例
Feb 12 Javascript
Vuepress 搭建带评论功能的静态博客的实现
Feb 17 Javascript
vue生命周期与钩子函数简单示例
Mar 13 Javascript
JavaScript Array对象使用方法解析
Sep 24 Javascript
vue使用screenfull插件实现全屏功能
Sep 17 Javascript
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微信开发之微信消息自动回复下所遇到的坑
2016/05/09 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
smarty模板数学运算示例
2016/12/11 PHP
PHP jQuery+Ajax结合写批量删除功能
2017/05/19 PHP
禁止js文件缓存的代码
2010/04/09 Javascript
Jquery之Ajax运用 学习运用篇
2011/09/26 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
2014/04/20 Javascript
jquery中push()的用法(数组添加元素)
2014/11/25 Javascript
详解JavaScript语言的基本语法要求
2015/11/20 Javascript
jQuery拖动元素并对元素进行重新排序
2015/12/30 Javascript
使用jquery.form.js实现图片上传的方法
2016/05/05 Javascript
详解能在多种前端框架下使用的表格控件
2017/01/11 Javascript
AngularJs 终极购物车(实例讲解)
2017/11/08 Javascript
Angular4 组件通讯方法大全(推荐)
2018/07/12 Javascript
vue中利用Promise封装jsonp并调取数据
2019/06/18 Javascript
vue解决花括号数据绑定不成功的问题
2019/10/30 Javascript
搭建vscode+vue环境的详细教程
2020/08/31 Javascript
js异步接口并发数量控制的方法示例
2020/11/22 Javascript
[51:36]EG vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
Python编写百度贴吧的简单爬虫
2015/04/02 Python
[原创]pip和pygal的安装实例教程
2017/12/07 Python
python多进程实现文件下载传输功能
2018/07/28 Python
python使用folium库绘制地图点击框
2018/09/21 Python
Python 绘制酷炫的三维图步骤详解
2019/07/12 Python
Python 实现一个手机号码获取妹子名字的功能
2019/09/25 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
HTML5自定义mp3播放器源码
2020/01/06 HTML / CSS
车贷收入证明范本
2014/01/09 职场文书
五年级英语教学反思
2014/01/31 职场文书
计算机维护专业推荐信
2014/02/27 职场文书
模特大赛策划方案
2014/05/28 职场文书
学生安全责任书模板
2014/07/25 职场文书
2015年宣传部部长竞选演讲稿
2014/11/28 职场文书
Matplotlib可视化之添加让统计图变得简单易懂的注释
2021/06/11 Python
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android
Java中的继承、多态以及封装
2022/04/11 Java/Android