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


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 面向对象编程 聊聊对象的事
Sep 17 Javascript
初窥JQuery-Jquery简介 入门了解篇
Nov 25 Javascript
jQuery实现ichat在线客服插件
Dec 29 Javascript
jQuery实现伸展与合拢panel的方法
Apr 30 Javascript
浅析JavaScript 调试方法和技巧
Oct 22 Javascript
详解JS中的this、apply、call、bind(经典面试题)
Sep 19 Javascript
ajax请求+vue.js渲染+页面加载的示例
Feb 11 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
Mar 08 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
Apr 17 Javascript
jquery传参及获取方式(两种方式)
Feb 13 jQuery
Vue组件间数据传递的方式(3种)
Jul 13 Javascript
openlayers 3实现车辆轨迹回放
Sep 24 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使用xpath解析XML的方法详解
2017/05/20 PHP
类之Prototype.js学习
2007/06/13 Javascript
查看大图功能代码jquery版
2013/11/05 Javascript
JavaScript输入邮箱自动提示实例代码
2014/01/13 Javascript
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
jquery动态加载js/css文件方法(自写小函数)
2014/10/11 Javascript
node.js中的buffer.length方法使用说明
2014/12/14 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
2015/01/13 Javascript
JavaScript实现16进制颜色值转RGB的方法
2015/02/09 Javascript
利用JQuery写一个简单的异步分页插件
2016/03/07 Javascript
使用jquery.form.js实现图片上传的方法
2016/05/05 Javascript
浅析jquery数组删除指定元素的方法:grep()
2016/05/19 Javascript
js实现动态创建的元素绑定事件
2016/07/19 Javascript
jquery实现图片切换代码
2016/10/13 Javascript
jQuery插件zTree实现获取一级节点数据的方法
2017/03/08 Javascript
2种简单的js倒计时方式
2017/10/20 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
2018/07/21 Javascript
vue-cli项目代理proxyTable配置exclude的方法
2018/09/20 Javascript
Vue.js实现备忘录功能
2019/06/26 Javascript
使用js实现一个简单的滚动条过程解析
2019/09/10 Javascript
初学vue出现空格警告的原因及其解决方案
2019/10/31 Javascript
javascript设计模式 ? 装饰模式原理与应用实例分析
2020/04/14 Javascript
electron踩坑之remote of undefined的解决
2020/10/06 Javascript
[02:41]辉夜杯现场一家三口 “我爸玩风行 我玩血魔”
2015/12/27 DOTA
Python实现的简单算术游戏实例
2015/05/26 Python
python轻松查到删除自己的微信好友
2016/01/10 Python
利用Anaconda完美解决Python 2与python 3的共存问题
2017/05/25 Python
Python装饰器知识点补充
2018/05/28 Python
Python闭包执行时值的传递方式实例分析
2018/06/04 Python
tensorflow实现加载mnist数据集
2018/09/08 Python
对python tkinter窗口弹出置顶的方法详解
2019/06/14 Python
公司道歉信范文
2014/01/09 职场文书
房屋租赁意向书
2014/04/01 职场文书
看雷锋电影观后感
2015/06/10 职场文书
教师读书笔记
2015/06/29 职场文书
2022漫威和DC电影上映作品
2022/04/05 欧美动漫