zoukankan      html  css  js  c++  java
  • vue+elementUI table表格使用v-if的方式来切换时会导致表格数据冲突报错

    报错代码:VM3950:37 TypeError: _self.$scopedSlots.default is not a function
    01.png

    原因:使用v-if切换标签时,多个相同的标签被渲染,如果不添加key来区分则会出现数据冲突导致table渲染出错

    解决方法:需要给同一个vue页面中的table节点加上个key值就完美解决;

    02.png

    03.png

    或者用:   :key="Math.random()"

     <el-table
                ref="table"
                size="small"
                style="100%"
                :header-cell-style="{border:'0 none','border-bottom':'1px solid #dedede'}"
                border
                :data="tableData"
                :key="Math.random()"
              >
    </el-table>
    时而疯狂女汉子,时而温柔软妹子
  • 相关阅读:
    所有者权益
    金融工具
    或有事项
    股份支付
    借款费用
    Keycode对照表
    js(jQuery)获取时间搜集
    jQuery实现CheckBox全选、全不选
    JS 截取字符串函数
    jQuery mouseenter与mouseleave
  • 原文地址:https://www.cnblogs.com/csji/p/13427783.html
Copyright © 2011-2022 走看看