码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-03-28 18:49:45      阅读:872      评论:0      收藏:0      [点我收藏+]

标签:fun   单元格   tst   无法   span   一个   显示   ace   att   

怎样清空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             }

 

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

标签:fun   单元格   tst   无法   span   一个   显示   ace   att   

原文地址:https://www.cnblogs.com/wangpengbin/p/8665048.html

(1)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!