模态框关闭后清空模态框里选择的数据

下面展示一些 内联代码片。
Bug: 模态框关闭后 再次打开选择的数据仍然存在

不在closeAdd()里清空 ,在上一级里的add()里清空，可以简化代码，少写方法。因为不止取消按钮要发生清空事件

// html
<Button
                    type="success"
                    class="twoWord"
                    icon="md-add-circle"
                    @click="add()"
                    >{
    {
     $t("1002") }}</Button
                >
   //
   <Modal>
     <Select v-modedl="itemNumber">
       <Option v-for=(item,index) in numList value = "item.id" :key = "key" >{
    {
    $t((item.name))}}</Option>
     </Select>
   </Modal>  
// js
add(){
    
  this.itemNumber = '';//v-momdel 双向绑定的value值清空
  this.numList = [];//option的list置空，重新调接口拿数据
  this.changeMater1();//重新调接口
}  
// 不在closeAdd()里清空 
closeAdd(){
    
   
}  

//接口
changeMater1(){
    
              this.axios.request({
    
                url: '/tlm/ToolCompose/GetWheelList',
               method: "get",
            }).then(res => {
    
                if (res.data.ret == 1 && Array.isArray(res.data.data)) {
    
                      this.numList = res.data.data
                } else {
    
                    this.$Message.error(this.$t(res.data.msg))
                }
            })
          },