打算做点击按钮后清空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上被清空了看不到了。