亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Vuetify:如何擁有多個對話內時間選擇器組件?

Vuetify:如何擁有多個對話內時間選擇器組件?

守著星空守著你 2022-12-22 14:56:17
我想要多個 Vuetify 時間選擇器來表示事件的開始和結束時間。單獨操作,我能夠讓時間選擇器工作。但是,當兩個或多個時間選擇器并排放置時,組件就會損壞。即使輸入行上的值更改,也無法退出第一次選擇器對話框。這是我工作的代碼筆鏈接:'''https://codepen.io/hicario/pen/BaKydjr'''這是文檔:https ://vuetifyjs.com/en/components/time-pickers/我唯一的猜測是 $refs.dialog.save() 需要一個方法調用,但我仍然是 Vue/Vuetify 的初學者,所以我不太確定。
查看完整描述

2 回答

?
神不在的星期二

TA貢獻1963條經驗 獲得超6個贊

我假設您正在處理多個 refs 問題。確保 ref 值是唯一的。例如,


<component ref="dialog1"> </component>

<component ref="dialog2"> </component>

<script> 

 // somewhere in your logic

 this.$refs.dialog1.save();

 this.$refs.dialog1.save();

</script>

 


查看完整回答
反對 回復 2022-12-22
?
翻過高山走不出你

TA貢獻1875條經驗 獲得超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


查看完整回答
反對 回復 2022-12-22
  • 2 回答
  • 0 關注
  • 166 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號