vue中使用element table,渲染 html

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中使用element table,渲染 html相关的知识,希望对你有一定的参考价值。

参考技术A 解决办法:举一反三,仔细看看table td里面button怎么加进去的

element 一个页面两个table显隐相互影响

参考技术A 在用element UI 做项目时,发现如果一个页面有两个table时,并且这两个table会有一个显示一个隐藏的功能(v-if,v-else)时,会出现表格错落的情况,两个table会相互影响。经过查询VUE官网发现:

  Vue 会尽可能高效地渲染元素,通常会复用已有元素而不是从头开始渲染。

所以我们可以给el-table元素加上key值标识,不许复用。

<el-table :data="tableData" key="one" border>

          <el-table-column prop="index" label="#" width="100" align="center">

          </el-table-column>

          <el-table-column prop="month" label="月份" align="center">

          </el-table-column>

          <el-table-column prop="amount" label="费用/万" align="center">

          </el-table-column>

        </el-table>

原文链接:https://blog.csdn.net/weixin_43829719/article/details/119203723

以上是关于vue中使用element table,渲染 html的主要内容,如果未能解决你的问题,请参考以下文章

vue+element ui table组件封装,使用render渲染

vue如何循环渲染element-ui中table内容

electron中vue,table渲染大量数据卡顿

vue-element动态渲染表头(el-table-column)

封装element中的table表格,实现可控并动态渲染(动态表头)

vue vuecli element table 表格 获取行数据