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

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

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

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

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

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

clear: function () {
                var that = this;
                // that.ticketGate = null;
                // $('#ticketGate').val('');
                if(that.ticketGate != null || that.ticketGate != ''){
                    that.ticketGate = null;
                    $('#ticketGate').val('');
                }else{

                }
                if(that.aptTrain != null || that.aptTrain != ''){
                    that.aptTrain = null;
                    $('#aptTrain').val('');
                }else{

                }

            }