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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM