1、问题
点击,跳转到修改页面,进行回显数据,但标签选项始终停留在
2、说明
观察HTML结构和数据仓库代码,可知 activeIndex
为选中索引,在数据仓库中默认为 0
-
此处绑定了点击事件,点击后,会发生两件事情,一个 将该标签的值赋予form的label,另一个则是将该标签的索引赋予 选中索引
-
属性绑定,动态的设置class,如果
activeIndex
的值等于当前循环的索引index
的值,则将spanActiveSchool
的 class 应用于该元素,否则只应用spanItem
的 class。
瞅一眼CSS
3、解决
位置
代码
this.form.label === '公司' ? this.activeIndex = 1 : 0;
this.form.label === '家' ? this.activeIndex = 2 : 0;
this.form.label === '学校' ? this.activeIndex = 3 : 0;
4、效果
点击,跳转到修改页面,进行回显数据,可见标签已选中了
标签:activeIndex,回显,form,索引,标签,label,瑞吉,外卖 From: https://www.cnblogs.com/qmcx/p/17320676.html