cdtaogang's blog

根据以上可以看到我们在父组件向子组件传递的 roleList 变量的类型是数组，而在子组件中 roleList 变量的类型是对象，先看看父组件和子组件传递的代码，这里注意看两个组件之间通过 Props 属性传值所定义的类型。，这就是导致错误的原因，修改 Props 属性的 roleList 变量的类型和默认值即可。问题解决，所以大家在写代码的时候特别是传递参数时，注意两边参数定义的类型是否一致！在子组件中我们的期望是一个对象，而你父组件中给我传递了一个数组。

首先会出现这个警告提示出现，说明你的vue项目启用了ESlint工具，就会有强制执行规则，ESLint是一个QA工具，是用来避免低级错误和统一代码的风格，最常见的就是你只要定义了变量就必须使用或者注释忽略，不过即使这样你也要习惯用这个工具来促使你良好的编码习惯。项目中，通过父组件向子组件传递数据，在父组件中通过绑定属性的方式传递数据给子组件，然后在子组件中定义。属性来接收传递的数据，运行项目提示。变量的类型，即进行选下修改即可。

值类型错误导致的，还需要去代码走查看看是传递错误还是赋值错误，于是在发送事件时。这个错误从字面意思和自己打印调试也很容易明白，但是这里我们只知道是传递的。首先点击控制台中提示的错误代码行查看代码，发现密码校验时，传递的。的情况时，大多数都是未定义或者传递参数不存在导致的，因为。发送事件传递参数到子页面，子页面在进行。表单验证事，校验不成功的情况，提示。参数，如果有的话，那么就会出现。未定义的，那么此类型是没有。，结果发现并没有传递。

规则时就会需要表单输入框输入数据删除为空时，出现英文校验提示信息。将required属性放在el-input元素上即可，问题解决。表单时，往往会对表单字段进行校验，字段为必填项时会添加。

在默认中文时，点击布局大小下拉菜单正常显示中文，此时切换至英文时，再次点击下拉菜单，还是中文。很简单通用的处理就是转换下思路，在模板中使用。

博主在工作之余开始进行自动化测试平台的创建，虽然已经996一个月了但是还是在挤时间做这件事情，目前使用前端框架进行简化及二次开发，目前保留了原框架中的国际化、主题色、全局搜索、字体大小以及右侧悬浮设置菜单，更多细节后续会在系列文章中进行更新~