企业官网建设流程全解析

青岛做企业网站,宁波企业品牌网站建设,三合一网站怎么建立,建设银行网站ie11打不开代码#xff1a;业务场景1. 员工信息管理这是一个员工详情页#xff0c;支持新增员工和编辑员工两种操作通过路由参数 $route.params.id 来区分操作模式2. 手机号字段控制逻辑:disabled$route.params.id新增员工模式#xff1a;当 $route.params.id 不存在时业务场景1. 员工信息管理这是一个员工详情页支持新增员工和编辑员工两种操作通过路由参数$route.params.id来区分操作模式2. 手机号字段控制逻辑:disabled$route.params.id新增员工模式当$route.params.id不存在时:disabled接收undefinedfalsy 值手机号输入框可编辑编辑员工模式当$route.params.id存在时:disabled接收一个字符串truthy 值手机号输入框被禁用业务意图这种设计体现了以下业务规则新增员工时允许输入手机号编辑员工时锁定手机号字段不允许修改这种做法通常出于以下考虑手机号可能作为登录凭证或唯一标识不允许随意更改防止数据一致性问题遵循某些企业的安全管理策略手机号一旦设定就不能修改因此这个:disabled属性的作用是根据当前操作模式控制手机号输入框的可编辑状态确保在编辑已有员工时手机号不能被修改。问题网页没问题但是控制台出现的报错这是一个Vue的警告意思是某个组件的size属性值不符合要求简单解释有个组件需要设置size大小属性这个属性有特定的验证规则比如只能传特定值或特定格式你传的值不符合这个规则就像要求输入小/中/大但你传了abc一样。需要检查传给组件的size值是否正确。这里是要求传入布尔值解决办法使用JavaScript 中的双重否定操作符 !!!! 的作用1. 类型转换$route.params.id是一个字符串值当存在路由参数时使用!!可以将其转换为布尔类型2. 具体逻辑分析!!$route.params.id当$route.params.id存在且非空时如123!!$route.params.id结果为true当$route.params.id不存在或为空时!!$route.params.id结果为false3. 业务逻辑在这个特定场景中编辑模式当有路由参数id时 (!!$route.params.id为true)表示正在编辑现有员工此时手机字段应被禁用新增模式当没有路由参数id时 (!!$route.params.id为false)表示正在创建新员工此时允许编辑手机号4. 等价写法// 原来的写法 :disabled!!$route.params.id // 等价于 :disabled$route.params.id ? true : false // 或者 :disabledBoolean($route.params.id)这样做的目的是根据当前页面是编辑模式还是新增模式来决定是否禁用手机号输入框符合业务需求新增员工时可以填写手机号编辑已有员工时锁定手机号不允许修改。