关于element-ui中的下拉列表刷新恢复默认值

<el-form :inline="true" ref="queryComplaint" :model="queryComplaint" class="demo-form-inline">
<el-form-item label="全部投诉类型">
<el-select size="small" ref="queryComplaint.complaintName" v-model="queryComplaint.complaintName" placeholder="请选择">
<el-option
v-for="complaint in complaintRules"
:key="complaint.id"
:label="complaint.complaintName"
:value="complaint.complaintName"></el-option>
</el-select>
</el-form-item>
<el-form-item>
<el-button size="small" type="primary" @click="queryComplaintRules(queryComplaint.complaintName)">查询</el-button>
</el-form-item>
</el-form>

<script>

data: function () {

queryComplaint: {
  id: '',
  complaintName: '',
},

}

//刷新
getData: function(){
  this.queryComplaint.complaintName=""; // 重置下拉列表
},

</script>

如有疑问,欢迎留言讨论。
原文地址:https://www.cnblogs.com/zhhy/p/9593836.html