element的dialog組件隱藏默認是不銷毀的，所以不會觸發生命周期
即便destroy-on-close設置為true也不好用
解決辦法其實很簡單，給他加一個v-if父級
<
div
v-if="
outFormFlag"
>
<
el-dialog
title=
"收款信息"
:
visible.
sync="
outFormFlag"
width=
"500px"
append-to-body
>
<
el-form
ref=
"outForm" :
model="
outForm"
label-width=
"100px"
>
<
el-form-item
label=
"入庫單編號" :
required="
true"
prop=
"businessCode"
>
<
el-input
v-model="
outForm.
businessCode"
disabled
placeholder=
"請輸入入庫單編號"
/
>
<
span
slot=
"error"
class=
"el-form-item__error"
>入庫單編號不能為空
</
span
>
</
el-form-item
>
<
el-form-item
label=
"合同編號" :
required="
true"
prop=
"contractCode"
>
<
el-input
v-model="
outForm.
contractCode"
disabled
placeholder=
"請輸入合同編號"
/
>
<
span
slot=
"error"
class=
"el-form-item__error"
>合同編號不能為空
</
span
>
</
el-form-item
>
<
el-form-item
label=
"倉庫編號" :
required="
true"
prop=
"warehouseCode"
>
<
el-input
v-model="
outForm.
warehouseCode"
disabled
placeholder=
"請輸入倉庫編號"
/
>
<
span
slot=
"error"
class=
"el-form-item__error"
>倉庫編號不能為空
</
span
>
</
el-form-item
>
<
el-form-item
label=
"商品編號" :
required="
true"
prop=
"skuCode"
>
<
el-input
v-model="
outForm.
skuCode"
disabled
placeholder=
"請輸入商品編號"
/
>
<
span
slot=
"error"
class=
"el-form-item__error"
>商品編號不能為空
</
span
>
</
el-form-item
>
<
el-form-item
label=
"數量" :
required="
true"
prop=
"num"
>
<
el-input
v-model="
outForm.
num"
disabled
placeholder=
"請輸入數量" /
>
<
span
slot=
"error"
class=
"el-form-item__error"
>數量不能為空
</
span
>
</
el-form-item
>
<
el-form-item
label=
"收款賬號" :
required="
true"
prop=
"accountCode"
>
<
req-select
placeholder=
"請選擇收款賬戶"
url=
"/trade/bank/list"
arr=
"rows"
label=
"contacts"
val=
"accountCode"
:
parentData.
sync="
outForm.
accountCode"
/
>
<
span
slot=
"error"
class=
"el-form-item__error"
>收款賬號不能為空
</
span
>
</
el-form-item
>
<
el-form-item
label=
"金額" :
required="
true"
prop=
"amount"
>
<
el-input
type=
"number"
v-model="
outForm.
amount"
placeholder=
"請輸入收款金額"
/
>
<
span
slot=
"error"
class=
"el-form-item__error"
>合同編號不能為空
</
span
>
</
el-form-item
>
<
el-form-item
label=
"備注" :
required="
false"
prop=
"remark"
>
<
el-input
v-model="
outForm.
remark"
placeholder=
"請輸入備注" /
>
</
el-form-item
>
</
el-form
>
<
div
slot=
"footer"
class=
"dialog-footer"
>
<
el-button
type=
"primary" @
click="
submitOut"
>確 定
</
el-button
>
<
el-button @
click="
cancelOut"
>取 消
</
el-button
>
</
div
>
</
el-dialog
>
</
div
>