Java教程

element-ui中使用v-if后一列显示前一列的内容

本文主要是介绍element-ui中使用v-if后一列显示前一列的内容,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

代码示例:

<el-table>

  <el-table-column type="index" width="50">索引</el-table-column>

  <el-table-column v-if="判断1">变量1</el-table-column>

  <el-table-column v-if="判断2">变量2</el-table-column>

  <el-table-column>变量3</el-table-column>

  <el-table-column v-if="判断4">变量4</el-table-column>

</el-table>

 

使用版本:element-ui 1.0 和 2.15.6

出现的问题:变量3 显示成 变量2,而不是变量3。变量2 和变量3 一模一样。

解决办法:变量3 增加 v-if 判断。比如加上 v-if="变量3==ABC || 变量3 != ABC"

这篇关于element-ui中使用v-if后一列显示前一列的内容的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!