瑞吉外卖 修改地址 回显问题

1、问题

点击image-20230415101729112,跳转到修改页面,进行回显数据,但标签选项始终停留在 image-20230415101913495

image-20230415101649553

2、说明

观察HTML结构和数据仓库代码,可知 activeIndex 为选中索引,在数据仓库中默认为 0

  1. 此处绑定了点击事件,点击后,会发生两件事情,一个 将该标签的值赋予form的label,另一个则是将该标签的索引赋予 选中索引

  2. 属性绑定,动态的设置class,如果 activeIndex 的值等于当前循环的索引 index 的值,则将 spanActiveSchool 的 class 应用于该元素,否则只应用 spanItem 的 class。

瞅一眼CSS

image-20230415104403904

3、解决

位置

代码

this.form.label === '公司' ? this.activeIndex = 1 : 0;
this.form.label === '家' ? this.activeIndex = 2 : 0;
this.form.label === '学校' ? this.activeIndex = 3 : 0;

4、效果

点击image-20230415101729112,跳转到修改页面,进行回显数据,可见标签已选中了

image-20230415104504264
posted @ 2023-04-15 10:57  青明尘下  阅读(72)  评论(0编辑  收藏  举报