element-ui中的el-select下拉框选中不显示问题

今天在使用element-ui的el-select时出现了一个奇怪的问题，就是在做一个三级联动的功能时，我选中了市区下拉框的内容之后但是下拉框中不展示选中的label值，并且检查时控制台也没有任何代码报错日志。关于选择城市时，下拉框不显示城市名的问题问题原因：vue 无法监听动态新增的属性的变化，需要用 $set 来为这些属性赋值。以上操作即可解决上述问题...

一源星河

4581人浏览 · 2021-07-07 17:35:20

一源星河 · 2021-07-07 17:35:20 发布

今天在使用element-ui的el-select时出现了一个奇怪的问题，就是在做一个三级联动的功能时，我选中了市区下拉框的内容之后但是下拉框中不展示选中的label值，并且检查时控制台也没有任何代码报错日志。
在这里插入图片描述

关于选择城市时，下拉框不显示城市名的问题

问题原因：vue 无法监听动态新增的属性的变化，需要用 $set 来为这些属性赋值。

在这里插入图片描述

以上操作即可解决上述问题

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^