2024/1/28CSS学习:基础认知；选择器；文本样式

本人遇到的问题是这样的

    <el-select
                ref="jingzhongSelect"
                clearable
                style="width: 100%"
                v-model="form.policeCategoryId"
              >
                <el-option
                  v-for="item in policeCategoryArr"
                  :key="item.id"
                  :value="item.id"
                  :label="item.name"
                ></el-option>
              </el-select>

现在需求是这样的

policeCategoryId 这个变量数组的值会不断的发生变化导致修改v-model中form.policeCategoryId的值 再次重新选择 会发现 el-select 出现选择不上的问题

正常来讲只需要重新赋值就可以了 比如 this.form.policeCategoryId = '';

但是这样的操作会存在上面的bug

        this.$set(this.form,'policeCategoryId',null);

采用以上方法可以解决 el- select中的policeCategoryArr 数据不断变化，v-model也需要不断变化但是selected 的value 却没有发生变化的问题。