标签：生命周期 dialog 对话框 element 为空 编号 不能

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>

标签：生命周期,dialog,对话框,element,为空,编号,不能
来源： https://www.cnblogs.com/amtf-wah/p/14699582.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。