首页 > 其他分享 >瑞吉外卖 修改地址 回显问题

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

时间:2023-04-15 11:13:15浏览次数:30  
标签:activeIndex 回显 form 索引 标签 label 瑞吉 外卖

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

标签:activeIndex,回显,form,索引,标签,label,瑞吉,外卖
From: https://www.cnblogs.com/qmcx/p/17320676.html

相关文章

  • (之前的项目复习)我的Java项目实战--校园餐饮商户外卖系统06
    开发笔记六导入用户地址簿相关功能代码需求分析地址簿,指的是移动端消费者用户的地址信息,用户登录成功后可以维护自己的地址信息。同一个用户可以有多个地址信息,但是只能有一个默认地址。数据模型用户的地址信息会存储在address_book表,即地址簿表中。具体表结构如下:导入功......
  • Element Plus Tree 树 回显
     <el-form-itemlabel="菜单权限">       <el-tree:data="navList"ref="treeRef"  node-key="menuId"highlight-current=“true”:props="defaultProps" @check="checked" show-checkboxcl......
  • 同城外卖系统源码技术分享:从设计到部署
    随着移动互联网的普及和外卖市场的快速发展,同城外卖系统成为了人们日常生活中不可或缺的一部分。所以,这些服务的背后则需要有一套完善的同城外卖系统,并且这个系统的设计和部署是至关重要的。本文将结合同城外卖系统源码,从设计到部署的角度,分享一些技术经验和实践方法。一、系统设计......
  • (之前的项目复习)我的Java项目实战--校园餐饮商户外卖系统03
    开发笔记三分类管理业务开发公共字段自动填充问题分析前面我们已经完成了后台系统的员工管理功能开发,在新增员工时需要设置创建时间、创建人、修改时间、修改人等字段,在编辑员工时需要设置修改时间和修改人等字段。这些字段属于公共字段,也就是很多表中都有这些字段,如下:能......
  • (之前的项目复习)我的Java项目实战--校园餐饮商户外卖系统02
    开发笔记二1.完善登录功能问题分析前面我们已经完成了后台系统的员工登录功能开发,但是还存在一个问题:用户如果不登录,直接访问系统首页面,照样可以正常访问。这种设计并不合理,我们希望看到的效果应该是,只有登录成功后才可以访问系统中的页面,如果没有登录则跳转到登录页面。那......
  • 【牛客小白月赛70】A-F题解【小d和超级泡泡堂】【小d和孤独的区间】【小d的博弈】【小
    比赛传送门:https://ac.nowcoder.com/acm/contest/53366难度适中。......
  • 外卖小程序开发需要投入的费用,让你一清二楚
     关于开发一个外卖小程序的问题,很多商家第一反应就是自己要投入的费用,毕竟开发费用直接地关系到自己的预算成本。今天名锐讯动为大家介绍外卖小程序开发需要投入的费用。 1.开发方式。对于外卖小程序开发来说,常见的开发方式有三种,分别是自主开发,模板开发,外包开发。如果你具备......
  • 外卖APP系统开发要完善的功能,让你运筹帷幄
     开发一个外卖APP系统对于许多商家来说都是迫在眉睫的事情,可以说外卖APP系统对于商家的帮助是非常大的。不过在开发时我们要完善一些功能,下面名锐讯动为大家介绍外卖APP系统开发要完善的功能。 1.客户端。当用户进入外卖APP的时候首先浏览到的是APP的首页,这时候要求呈现商家提......
  • 表单登录回显
    表单登录回显页面login.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>登录</title></head><body><h3>登录</h3><formaction="login.do"m......
  • 回显主页和favicon
    回显主页和favicon 找一个图片   写index.html<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>主页</title></head><body><h1>主页</h1><hr></bod......