zoukankan      html  css  js  c++  java
  • vue中选中弹出框内的表格

    一:可多选情况且对应勾选

    由于是弹出框形式,所以会出现新增DOM与数据的改变问题,因此要使用$nextTick,不然一开始弹出得时候DOM还没有生成,却要获取DOM会报错;这种多选情况会出现一个bug,由于el-table的selection-change会执行两次问题,在每次选中之前(数据更新),这个事件都会执行一次,它会先清除上一次的所有选中,然后在对应选中这次的toggleRowSelection传入的参数,当你发现上一次点开有选中而这次点开选中消失,再下一次点击又有选中时,就是应为每次数据改变都会执行selection-change方法,会清掉上次选中的数据,这是就可以在vue的update方法中去写选中大方法,直接上代码:

    不要在点击弹出框之后就做对应的选中,放在update属性中就会避免这种选中了下次又不见了的bug

    二:只可单选且对应勾选

     这种形式就是简单一些,也不会出现DOM加载问题和选中消失问题,直接上代码:

     弹出框内table选中问题记录。有什么问题可以在下面留言,欢迎提问!

  • 相关阅读:
    我的暑假周记2018.7.21
    大道至简读后感
    我的暑假周记2018.7.15
    继承与多态
    java联级调用
    古罗马凯撒大帝字串加密
    作业三
    线性同余法产生1000个随机数
    Text2
    java登录界面
  • 原文地址:https://www.cnblogs.com/wwwxxjsyy/p/13845462.html
Copyright © 2011-2022 走看看