美文网首页
ElementUI的el-table遇到了v-if就抖动

ElementUI的el-table遇到了v-if就抖动

作者: hsqin | 来源:发表于2022-03-04 11:16 被阅读0次

    前提条件:使用v-if渲染el-table,搜索条件输入一个内容,table就抖动一下

    解决:el-table-column的key一开始使用的是 Math.random(),改为固定的值就可以了,比如 :key='1'

    // 将 :key 从变量 Math.random()
    <el-table-column label="昵称" prop="nickName" min-width="10%"
     :key="Math.random()"></el-table-column>
    // 改为固定值即可:
    <el-table-column label="昵称" prop="nickName" min-width="10%"
     :key="6"></el-table-column>
    
    经典表格.png

    相关文章

      网友评论

          本文标题:ElementUI的el-table遇到了v-if就抖动

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