vue3 element-plus select清空选项

打算做点击按钮后清空select选项,但是发现直接给组件绑定值赋值是不行的。

研究了一下,以下方法是element-plus清空select选项的可行方法。

<el-time-select
          v-model="choiceTime"
          ref="choiceTimeRef"
          start="08:00"
          step="00:30"
          end="22:00"
          placeholder="选择时间"
        >
</el-time-select>

const choiceTime = ref();
const choiceTimeRef = ref();

function(){
    if(/**条件和函数自己脑补吧**/){
     choiceTime.value =
undefined //这个方法不行
        choiceTimeRef.value.value = undefined;  //这样才是正确方法
} }

 当然choiceTime.value也得清空,不然如果下一次有人没选择日期,而直接点的提交,就会获取到你上次选择到的值,虽然这个值在dom上被清空了看不到了。

 

posted @ 2021-02-20 21:03  认真的老鱼儿  阅读(7329)  评论(0)    收藏  举报