Vue.js Vuetify v-select阻止输入

如何防止Vuetify的v-select元素上的输入事件先请求确认

用户故事：

我选择了一个选项

确认弹出询问“是否要更改值？”

如果我确认，值将更改

如果我拒绝，则值不会更改

---

然后，您应该为数据和输入使用单独的变量。并使用

change

事件切换对话框

示例代码：

是否要更改该值？
取消
接受
值：{{Value}}

导出默认值{
数据：（）=>({
对话：错，
值：“起泡”，
输入：“嘶嘶声”，
商品：[“Foo”、“Bar”、“Fizz”、“Buzz”]
}),
方法：{
更改（）{
this.dialog=true；
},
放弃更改（）{
this.input=this.value；
this.dialog=false；
},
接受变化（）{
this.value=this.input；
this.dialog=false；
}
}
};

---

您是否可以禁用“选择”并在其旁边设置一个按钮，该按钮将显示模式，询问是否应启用它？@Jasonaler这是一个多选择功能，您可以在其中添加和删除元素。如果用户决定更改，我必须询问确认。然后，它向服务器发送一个包含数据的请求。当然，我可以添加“Save”（保存）按钮，但这不是最好的选择。如何侦听模糊事件，然后在显示模糊事件时弹出一个确认窗口triggered@Sphinx这是一种选择。不完美，但总比没有好。虽然我决定按按钮，但这样更安全。