picker组件的使用
- 通过点击picker选择器,触发bingchange绑定的事件函数。
- 在picker组件自定义data-i=“{{I}}”,在事件函数中通过e.target.dataset.i获取到data-i里的值。(这里的i代表数组中对象的下标值)
- 获取事件对象e获取到‘选择器中选中元素’的下标,即(e.detail.value)
- 一对一:即 对象数组[i].属性 = 选择器元素所在数组[e.detail.value].属性
打印对象事件e
picker数据回显
!!设置index
- forEach循环对象数组,在这个循环里再forEach循环选择器元素所在数组。
- 通过if判断‘对象数组的属性值’是否等于‘选择器元素所在数组的属性值’,相等则将‘对象数组中对象的索引值’和‘选择器元素所在数组的索引值’作为‘对象’赋给picker绑定的事件函数。
- 在事件函数中,需将事件对象e中的‘选择器元素所在数组的索引值’赋给新设定的index属性(该属性需加在对象数组中)。
- 在picker组件中,value=“{{新设定的index属性}}”,就能回显。