關於element-ui中的下拉選單重新整理恢復預設值

小哥哥呀發表於2018-09-05

<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>

 

相關文章