解决el-dialog缓存问题

5 篇文章 0 订阅

解决el-dialog缓存问题



弹出框里面还使用了其他的组件。
首次打开正常、打开别的也正常、在打开首次打开的出现异常;
怀疑是缓存问题




有问题的代码

     <el-dialog
       title="修改角色"
       :visible.sync="centerDialogVisible_6"
       width="400px"
       top="156px"
       class="newPer"
     >
       <div class="role_permissions">
         <p>角色名称:</p>
         <el-input v-model="newRole" placeholder="请输入角色名称" class="role_permissions_input" /><i class="i1">*</i><i class="i2">*</i>
         <p>角色权限:</p>
         <div class="div_role_permissions">
           <el-tree
             ref="tree"
             :data="tree"
             :props="defaultProps"
             show-checkbox
             highlight-current
             node-key="id"
             default-expand-all
             :default-checked-keys="permissionsIds"
             @check-change="handleCheckChange"
           />
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button style="margin-right:30px;" @click="centerDialogVisible_6 = false">取 消</el-button>
         <el-button type="primary" style="margin-right:90px;" @click="change_role_permissions()">确 定</el-button>
       </span>
     </el-dialog>





最终代码

     <el-dialog
       title="修改角色"
       :visible.sync="centerDialogVisible_6"
       v-if="centerDialogVisible_6"   //核心代码
       width="400px"
       top="156px"
       class="newPer"
     >
       <div class="role_permissions">
         <p>角色名称:</p>
         <el-input v-model="newRole" placeholder="请输入角色名称" class="role_permissions_input" /><i class="i1">*</i><i class="i2">*</i>
         <p>角色权限:</p>
         <div class="div_role_permissions">
           <el-tree
             ref="tree"
             :data="tree"
             :props="defaultProps"
             show-checkbox
             highlight-current
             node-key="id"
             default-expand-all
             :default-checked-keys="permissionsIds"
             @check-change="handleCheckChange"
           />
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
         <el-button style="margin-right:30px;" @click="centerDialogVisible_6 = false">取 消</el-button>
         <el-button type="primary" style="margin-right:90px;" @click="change_role_permissions()">确 定</el-button>
       </span>
     </el-dialog>



重点:

:visible.sync=“centerDialogVisible_6”
v-if=“centerDialogVisible_6” //核心代码






  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值