1 因为dialog再次打开时不会重新渲染dom,只是简单的显示隐藏,所以第一次打开绑定值后,关闭再打开则不会走created和mounted生命周期,解决办法是在外层套一层div,用v-if控制

      <div v-if="editDialog_visual" >
        <el-dialog
          :area="[700,600]"
          top="middle"
          no-scrollbar
          title="人员编辑"
          :visible.sync="editDialog_visual"
          class="editDialog"
        >
          <!-- 编辑表单 -->
          <editForm :emitData="currentEditRow"></editForm>
          <div slot="footer" class="dialog-footer">
            <el-button type="primary" @click="editDialog_visual = false">确 定</el-button>
            <el-button @click="editDialog_visual = false">取 消</el-button>
          </div>
        </el-dialog>
      </div>

在实际应用种,加上外层div后,dialog内部元素会不显示,设置高度即可解决

这样也算是解决了dialog绑定值的问题。

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐