守著星空守著你
2022-12-22 14:56:17
我想要多個 Vuetify 時間選擇器來表示事件的開始和結(jié)束時間。單獨操作,我能夠讓時間選擇器工作。但是,當(dāng)兩個或多個時間選擇器并排放置時,組件就會損壞。即使輸入行上的值更改,也無法退出第一次選擇器對話框。這是我工作的代碼筆鏈接:'''https://codepen.io/hicario/pen/BaKydjr'''這是文檔:https ://vuetifyjs.com/en/components/time-pickers/我唯一的猜測是 $refs.dialog.save() 需要一個方法調(diào)用,但我仍然是 Vue/Vuetify 的初學(xué)者,所以我不太確定。
2 回答
神不在的星期二
TA貢獻1963條經(jīng)驗 獲得超6個贊
我假設(shè)您正在處理多個 refs 問題。確保 ref 值是唯一的。例如,
<component ref="dialog1"> </component>
<component ref="dialog2"> </component>
<script>
// somewhere in your logic
this.$refs.dialog1.save();
this.$refs.dialog1.save();
</script>
翻過高山走不出你
TA貢獻1875條經(jīng)驗 獲得超3個贊
您的模板中有引用錯誤
<v-dialog ref="dialog1" v-model="modal1" :return-value.sync="time" persistent width="290px">
添加了參考對話框 1
<v-btn text color="primary" @click="$refs.dialog1.save(time)">OK</v-btn>
更新了對 dialog1 的引用
示例:https ://codepen.io/vishnubhadoriya/pen/MWyYEee
添加回答
舉報
0/150
提交
取消
