仅显示表vue.js的部分内容

Question

我想用vue创建动态表。 我有3列的按钮和表格。 我希望如果我点击按钮只显示第一个和第二个colume，并且另外单击第一个和第三个colume。 所以我的问题是做得更好： A.单击时隐藏一个colume B.单击

在vue.js代码中创建自定义表

Answer 1

在不知道任何具体细节的情况下，我会以最简单的方式进行，对我而言，这将是做两件事。使用按钮切换值即。 @click="showCol=!showCol"以及我可以<{1}}的列 <td v-if="showCol">{{col2data}}</td><td v-else>{{col3data}}</td>我确定还有其他一些方法，但我尝试其中一个。前者应该使用阴影dom来替换数据，而第二个选项不会，所以我想象如果你有足够的行，那么第二个版本可能会更快。和往常一样，测试＆amp;衡量你是否想知道更好的事情。