vue清空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>

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