美文网首页Vue.js开发技巧
使用table组件的开启展开行无法只能打开一个扩展问题

使用table组件的开启展开行无法只能打开一个扩展问题

作者: 码农小杨 | 来源:发表于2018-01-14 22:06 被阅读13次

    通过设置 type="expand" 和 Scoped slot 可以开启展开行功能,但是默认情况下是不支持只能有一个扩展开的。当我们想扩展开时触发事件的时候,就会有问题。可以使用下面方法解决:

    首先在table组件内设置ref属性

    <el-table @expand="handleExpandRow" ref="row_table" />
    

    然后在方法位置设置方法

    method:{
      handleExpandRow(row,expanded){
        this.$refs.row_table.store.states.expandRows = expanded ? [row] : [];
      }
    }
    

    如果不喜欢这个方法,可以参考领一篇文章:
    http://blog.csdn.net/sinat_33312523/article/details/78928236

    相关文章

      网友评论

        本文标题:使用table组件的开启展开行无法只能打开一个扩展问题

        本文链接:https://www.haomeiwen.com/subject/wkploxtx.html