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


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 播放器 控制
Jan 22 Javascript
屏蔽F1~F12的快捷键的js函数
May 06 Javascript
javascript温习的一些笔记 基础常用知识小结
Jun 22 Javascript
JavaScript中获取高度和宽度函数总结
Oct 08 Javascript
学习使用bootstrap3栅格系统
Apr 12 Javascript
Bootstrap表单Form全面解析
Jun 13 Javascript
基于JavaScript实现轮播图代码
Jul 14 Javascript
javascript数组常用方法汇总
Sep 10 Javascript
微信和qq时间格式模板实例详解
Oct 21 Javascript
浅谈Vue数据响应
Nov 05 Javascript
JS实现动态倒计时功能(天数、时、分、秒)
Dec 12 Javascript
vue cli4中mockjs在dev环境和build环境的配置详情
Apr 06 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下利用header()函数设置浏览器缓存的代码
2010/09/01 PHP
WordPress中的shortcode短代码功能使用详解
2016/05/17 PHP
PHP使用XMLWriter读写xml文件操作详解
2018/07/31 PHP
PHP7内核CGI与FastCGI详解
2019/04/14 PHP
PHP优化之批量操作MySQL实例分析
2020/04/23 PHP
JS代码放在head和body中的区别分析
2011/12/01 Javascript
jQuery中(function(){})()执行顺序的理解
2013/03/05 Javascript
JavaScript多并发问题如何处理
2015/10/28 Javascript
Javascript中prototype的使用详解
2016/06/18 Javascript
JS冒泡事件与事件捕获实例详解
2016/11/25 Javascript
prototype.js简单实现ajax功能示例
2017/10/18 Javascript
详解在WebStorm中添加Vue.js单文件组件的高亮及语法支持
2017/10/21 Javascript
微信小程序录音与播放录音功能
2017/12/25 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
Vue.js更改调试地址端口号的实例
2018/09/19 Javascript
JavaScript中的惰性载入函数及优势
2020/02/18 Javascript
vue监听滚动事件的方法
2020/12/21 Vue.js
[02:41]DOTA2英雄基础教程 谜团
2013/12/10 DOTA
Pycharm简单使用教程(入门小结)
2019/07/04 Python
python opencv捕获摄像头并显示内容的实现
2019/07/11 Python
Pytorch GPU显存充足却显示out of memory的解决方式
2020/01/13 Python
使用Numpy对特征中的异常值进行替换及条件替换方式
2020/06/08 Python
解析Tensorflow之MNIST的使用
2020/06/30 Python
python3.8动态人脸识别的实现示例
2020/09/21 Python
一个非常简单好用的Python图形界面库(PysimpleGUI)
2020/12/28 Python
html5文字阴影效果text-shadow使用示例
2013/07/25 HTML / CSS
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
DC Shoes澳大利亚官方网上商店:购买DC鞋子
2019/10/25 全球购物
运动会解说词50字
2014/01/18 职场文书
酒店保安员岗位职责
2014/01/31 职场文书
三月学雷锋月活动总结
2014/04/28 职场文书
财务管理制度范本
2015/08/04 职场文书
大学校园餐饮创业计划书
2019/08/07 职场文书
Go遍历struct,map,slice的实现
2021/06/13 Golang