隐藏弹框：当点击按钮，调用接口成功时，弹框出现

背景

• 在搜索框里填入内容，点击按钮调用接口，搜索成功后，出现搜索后的弹框；

• 点击下一步，调用接口成功后，出现弹框；

功能咋写？

• 弹框是一个组件；
  • 引入的一个弹框组件,用v-if来控制它是否显现；

  	<!--edit-->
    	<div class="edit-com" v-if="displayEdit">
    		<Edit :result="skuList" :orderNo="orderNo" @reset="reset" @skuContinue="skuContinue" />
    	</div>
  

  • v-if="displayEdit",这句代码控制弹框何时出现；
    • displayEdit: false,,默认的情况下是不显示的；
• 当点击下一步时，看状态如何改变?

  <div class="btn-box">
     <el-button @click="reset" size="small" type="info">重置</el-button>
     <el-button :disabled="!orderNo || displayEdit" @click="asnVerification" :loading="loading" type="primary" size="small">下一步</el-button>
  </div>
  

  • 点击下一步时，调用@click="asnVerification"函数；

  	/**校验ASN单号的合法性*/
    	asnVerification() {
    		if (this.orderNo && !this.displayEdit) {
    			let request = {
    				orderNo: this.orderNo,
    			}
    			this.loading = true
    			orderReceiptAsnVerification(request)
    				.then(result => {
    					this.getSKUList()
    					this.displayEdit = true
    				})
    				.finally(() => {
    					this.loading = false
    				})
    		}
    	},