v-model拿不到@input的返回值

Posted 2023-04-13

1.确认v-model属性是否正确设置，例如：v-model="message"，其中message是一个data属性。
2.确认@input事件是否正确绑定到v-model属性上，例如：@input="message=$event.target.value"。
3.在处理@input事件时，确保正确更新v-model属性的值，例如：this.message=event.target.value。如果以上方法都无法解决问题，可以考虑使用其他方式来获取@input事件的返回值，例如使用ref属性来获取输入框的值。 参考技术A v-model是Vue.js提供的一个语法糖，它实际上是将数据的双向绑定拆分成了一个属性绑定和一个事件绑定。在使用v-model时，它会自动监听input事件并将输入框的值绑定到指定的数据上，同时也会将数据的变化同步到输入框中。如果您在使用v-model时无法拿到@input的返回值，可能是因为您没有正确地绑定@input事件。

vueJS加jquery使用构建项目中v-model绑定的值无法清空

怎样清空v-model绑定的input值缓存

在vue+bootstrap+jquery构架您的项目中，列表中formatter格式化单元格显示的操作按钮绑定bootstrap模态框，在模态框弹出的页面中，用v-model绑定某个值后，点击模态框有上角的关闭模态框按钮，将模态框关闭掉，下一次点击列表中操作按钮，在模态框弹出后，页面中的input输入框在获得并失去焦点以后会缓存上次的值。

在各种给绑定值赋空取法清空的时候：

1 <input type="text" id="aptTrain" class="form-control" placeholder="车次" v-model.trim="aptTrain" @change="queryTrain(‘endStation1‘)" @focus="clear">

可以给input加一个focus事件，判断绑定的值是否为空，然后进行清空该值

 1 clear: function () {
 2                 var that = this;
 3                 // that.ticketGate = null;
 4                 // $(‘#ticketGate‘).val(‘‘);
 5                 if(that.ticketGate != null || that.ticketGate != ‘‘){
 6                     that.ticketGate = null;
 7                     $(‘#ticketGate‘).val(‘‘);
 8                 }else{
 9 
10                 }
11                 if(that.aptTrain != null || that.aptTrain != ‘‘){
12                     that.aptTrain = null;
13                     $(‘#aptTrain‘).val(‘‘);
14                 }else{
15 
16                 }
17 
18             }