在写项目的时候要清除所有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>

这样就可以做到一个按钮清空所有写了的输入框中的内容了,但是不可回退。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐