Clear the selected data in the modal box after the modal box is closed

Here are some Inline code slice .
Bug: After the modal box is closed Open again and the selected data still exists

 be not in closeAdd() Inner emptying  , At a higher level add() Inner emptying , It simplifies the code , Write less . Because not only the Cancel button but also the emptying event will occur 

// 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  Two way binding value Value clear 
  this.numList = [];//option Of list empty , Re adjust the interface to get data 
  this.changeMater1();// Readjust the interface 
}  
//  be not in closeAdd() Inner emptying  
closeAdd(){
    
   
}  

// Interface 
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))
                }
            })
          },