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

问题遇到的现象和发生背景

想实现点击重置按钮清空v-model里面的数值，然后再次输入就不能输了，只有刷新整个页面后才能再次输入。

问题相关代码，请勿粘贴截图

<!-- 查询区域 -->
        <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表单来做

我想要达到的结果

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

重置方法中设置this.InquireTransferList.idx = ''"

this.InquireTransferList = {
idx:'',
idx2:'',
createDate:'',
transferDate:'',
personID:'',
createMan:'',
}

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

InquireTransferList 是对象
this.InquireTransferList = {}
或者直接
this.InquireTransferList.idx = ''

this.InquireTransferList = ''" 不是把他变成空了吗 双向绑定的值不就没了

建议执行方法的时候，方法里面让List里面的元素为空 这样就行啦