当前位置: 首页 > 工具软件 > ngx-model > 使用案例 >

Bootstrap 中的model 组件-------多个弹窗覆盖关闭问题

韶云瀚
2023-12-01

1.碰到一个问题,因为用的 Bootstrap 中的model 组件,弹窗显示

  • 1.如果第一次点击页面按钮A,弹出 弹窗B,在B中再点击按钮,弹出弹窗C,这时B弹窗会被关闭,当关闭C时(或保存、确定、取消),都会直接返回了页面而非是上一个弹窗B页面。
  • ​ 2.解决的方案是当关闭C时,再次执行打开B弹窗,但是会有一个问题,页面数据的渲染更新可能会不执行
  • ​ 3.例:权限选择,点击B弹窗的按钮,弹出C弹窗权限选择,选择权限后选择确定(根据上条方法再次执行打开B弹窗),但选中的权限并不会渲染或改变原有的权限,而console.log中数据已经改变。

2.解决:添加一个属性字段,例:num,根据新的属性判断是否是第一次点击,来变换不同的更新

 类似资料: