问题遇到的现象和发生背景
想实现点击重置按钮清空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表单来做
我想要达到的结果
想要达到的效果就是,还是点击事情,清空后,不需要刷新页面后才能再次输入。