vue+Element+select满足条件后将选择框清空

前言

问题：当选择下拉框中的某项时，满足了一定的条件，需要将此选择框选中的内容置空。

解决：用watch监听选择值的变化，当值满足条件，添加延时函数setTimeout()将值置为空。一定要添加延时，直接置空的话没有效果！

1、效果展示

当选择了“江苏大区”或“广东大区”时，清空选中。

2、代码实现

watch监听：当值为“江苏大区”或“广东大区”时，添加延时函数setTimeout()将值置为空。

之前百度了很多，试过this.$set(this.form, 'fArea', '');都没有效果，后来用setTimeout()就解决了。

<el-form
  :model="form"
  ref="form"
  :rules="rules"
  size="small"
  label-width="100px"
>