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


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版)
Nov 19 Javascript
js下写一个事件队列操作函数
Jul 19 Javascript
Javascript new关键字的玄机 以及其它
Aug 25 Javascript
超越Jquery_01_isPlainObject分析与重构
Oct 20 Javascript
js自定义事件代码说明
Jan 31 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
Jan 03 Javascript
JSONObject使用方法详解
Dec 17 Javascript
详谈表单重复提交的三种情况及解决方法
Aug 16 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
Sep 23 Javascript
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
Dec 20 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
Nov 30 Javascript
JS + HTML 罗盘式时钟的实现
May 21 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自动适应范围的分页代码
2008/08/05 PHP
PHP教程之PHP中shell脚本的使用方法分享
2012/02/23 PHP
CentOS 6.2使用yum安装LAMP以及phpMyadmin详解
2013/06/17 PHP
一组PHP可逆加密解密算法实例代码
2014/01/21 PHP
thinkphp实现like模糊查询实例
2014/10/29 PHP
ThinkPHP实现动态包含文件的方法
2014/11/29 PHP
学习php设计模式 php实现备忘录模式(Memento)
2015/12/09 PHP
php通过两层过滤获取留言内容的方法
2016/07/11 PHP
PHP错误和异常处理功能模块示例
2016/11/12 PHP
Extjs ajax同步请求时post方式参数发送方式
2009/08/05 Javascript
jquery isType() 类型判断代码
2011/02/14 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
2015/10/12 Javascript
javascript事件委托的用法及其好处简析
2016/04/04 Javascript
老生常谈JavaScript 函数表达式
2016/09/01 Javascript
js格式化时间的简单实例
2016/11/27 Javascript
基于构造函数的五种继承方法小结
2017/07/27 Javascript
微信小程序实现页面跳转传值的方法
2017/10/12 Javascript
JavaScript图片处理与合成总结
2018/03/04 Javascript
vue配置请求本地json数据的方法
2018/04/11 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
2018/07/12 Javascript
微信小程序完美解决scroll-view高度自适应问题的方法
2020/08/08 Javascript
[14:25]教你分分钟做大人:主宰(HEROS)
2014/12/08 DOTA
[04:52]第二届DOTA2亚洲邀请赛主赛事第一天比赛集锦:OG娜迦海妖放大配合谜团大中3人
2017/04/02 DOTA
浅析Python中的多进程与多线程的使用
2015/04/07 Python
深入解析Python中的变量和赋值运算符
2015/10/12 Python
Python中的__slots__示例详解
2017/07/06 Python
python传到前端的数据,双引号被转义的问题
2020/04/03 Python
Python matplotlib画图时图例说明(legend)放到图像外侧详解
2020/05/16 Python
python怎么对数字进行过滤
2020/07/05 Python
CSS3 渐变(Gradients)之CSS3 径向渐变
2016/07/08 HTML / CSS
html特殊符号示例 html特殊字符编码对照表
2014/01/14 HTML / CSS
FORZIERI福喜利中国官网:奢侈品购物梦工厂
2019/05/03 全球购物
奥地利购买珠宝和手表网站:ELLA JUWELEN
2019/09/03 全球购物
信息专业个人的自我评价
2013/12/27 职场文书
大学生村官心得体会范文
2014/01/04 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS