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上被清空了看不到了。

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM