结合el-switch与object.key、object.value使用,for in for of区别

87 阅读1分钟

1. for in

  • 一般用来遍历对象,获取对象中的键名(包括手动添加的、原型链上的键名)
  • 遍历数组的话是获取数组的下标。

图片.png

2. for of

  • 一般用来遍历数组,获取数组中的键值,遍历不了对象中的值,若想遍历可以使用object.key(object)将键名生成一个数组遍历出来,只能遍历有部署了原生的iterator接口。

图片.png 图片.png

3.object.key/value (objcet)

  • key返回对象的键名生成一个数组,返回数组的索引值生成一个数组

图片.png

图片.png

  • value返回对象的键值生成一个数组,返回数组的值生成一个数组

4.el-switch结合使用

  • 根据后端返回值判断是否被选中。首先根据swtichBtn的选项字段与后端字段匹配,若匹配成功,将后端的值赋值给swtichBtn的那一项

效果图: 图片.png

代码图: 初始化时:

图片.png

图片.png

图片.png

  • 改变swtich值时,需要传入值给后端,并修改状态,change事件可以获取最新的值及字段

代码图

图片.png

图片.png

最后处理后的值

图片.png