vue清空input框中的内容
在写项目的时候要清除所有input框中的内容,原来写过,但是突然忘了,然后问度娘,看到的结果的很复杂。突然想起来怎么写了,在此记一下以备下次又忘记了。首先写了三个输入款和一个radio单选框。<el-input v-model="id_input" placeholder="请输入想搜索的商家店铺ID" class="id_input
在写项目的时候要清除所有input框中的内容,原来写过,但是突然忘了,然后问度娘,看到的结果的很复杂。突然想起来怎么写了,在此记一下以备下次又忘记了。
首先写了三个输入款和一个radio单选框。
<el-input v-model="id_input" placeholder="请输入想搜索的商家店铺ID" class="id_input" clearable></el-input>
<el-input v-model="name_input" placeholder="请输入想搜索的店铺名称" class="name_input" clearable></el-input>
<el-input v-model="number_input" placeholder="请输入想搜索的店铺备注手机号" class="number_input" clearable></el-input>
<div style="float:left;width:30%;margin-left: 15px;">
<el-radio v-model="radio" label="1">未通过</el-radio>
<el-radio v-model="radio" label="2">未审核</el-radio>
<el-radio v-model="radio" label="3">已通过</el-radio>
</div>
然后在data中给初始值:
最后写个按钮绑定这个事件。
<el-button type="info" plain @click=" empty">重置</el-button>
这样就可以做到一个按钮清空所有写了的输入框中的内容了,但是不可回退。
更多推荐
所有评论(0)