element ui 的 table组件 如何使指定的多个按钮隐藏或显示

Question

是这样的，一个页面 table 默认需要写死前三个行的内容 也不能编辑 当然 按钮也需要隐藏

之前参考大佬们的代码 百度了一下 ，用三元表达式只隐藏了一个 
可能是因为js还不是太熟吧，很尴尬。半天想不出来思路
需要将id 1, 2, 3后的按钮隐藏 或者替换为字符串'-' （能替换当然最好。。）
请教一下该怎么写 谢谢大佬们了。
再求下学习JS的一些资料 书 或者视频教程吧，感觉js这方面才是重点 得当成重点学 还是js太菜。。

Answer 1

既然是固定前三项了，那么通过索引scope.$index来进行判断按钮的显示和隐藏不是更好吗。

Answer 2

链接描述在 v-for 块中，我们拥有对父作用域属性的完全访问权限。v-for 还支持一个可选的第二个参数为当前项的索引。v-for="(item, index)" v-if="index < 3"