实现了清空el-input里面的数据，但是在不刷新的情况下，有个bug，就是不能再次输入，请问怎样写可以实现该效果呢？

Question

实现了清空el-input里面的数据，但是在不刷新的情况下，有个bug，就是不能再次输入，请问怎样写可以实现该效果呢？

<!-- 查询区域 -->
        <transition name="slide-fade">
            <div class="Inquire" v-show="showInquirebox">
                <el-row class="inquireRow">
                    <el-col :span="6">
                        开始登记单号
                        <el-input size="mini" class="inputbox" v-model="InquireTransferList.idx"></el-input>
                    </el-col>
                    ……
                    <el-col :span="4" offset="2">
                        <el-button size="mini" type="primary" @click="resetShowInquirebox">重置</el-button>
                        <el-button size="mini" type="success">确定</el-button>
                        <el-button size="mini" type="danger" @click="cancelShowInquirebox">取消</el-button>
                    </el-col>
                </el-row>
            </div>
        </transition>

  // 查询框的值
                InquireTransferList:{
                    idx:'',
                    idx2:'',
                    createDate:'',
                    transferDate:'',
                    personID:'',
                    createMan:'',
                },

methods:{
            resetShowInquirebox(){
                this.InquireTransferList = '';
            },
        }

没报错，只是没有达到想要的效果，点击重置按钮后，不能输入了，除非刷新整个页面

我的解答思路和尝试过的方法
有找过类似的，但是基本上是form表单类的。不适合我这个，我这个没用到form表单来做

我想要达到的结果
想要达到的效果就是，还是点击事情，清空后，不需要刷新页面后才能再次输入。

Answer 1

vue是双向绑定，数据都没了，还怎么用。一般都是写个初始化函数，然后需要初始化的时候调用

function initFormData(){
    return {
        idx:'',
        idx2:'',
        createDate:'',
        transferDate:'',
        personID:'',
        createMan:'',
    }
}

this.InquireTransferList = initFormData()

Answer 2

挨个清空试试：

this.InquireTransferList.idx = '';
this.InquireTransferList.idx2 = '';
...

或者这样：

this.InquireTransferList={
  idx:"",
  idx2:"",
...
}