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后一列显示前一列的内容的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！