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{

                }

            }