为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

智慧大石 2019-03-14 18:19:12
是这样的,一个页面 table 默认需要写死前三个行的内容 也不能编辑 当然 按钮也需要隐藏之前参考大佬们的代码 百度了一下 ,用三元表达式只隐藏了一个 可能是因为js还不是太熟吧,很尴尬。半天想不出来思路需要将id 1, 2, 3后的按钮隐藏 或者替换为字符串'-' (能替换当然最好。。)请教一下该怎么写 谢谢大佬们了。再求下学习JS的一些资料 书 或者视频教程吧,感觉js这方面才是重点 得当成重点学 还是js太菜。
查看完整描述

4 回答

?
函数式编程

TA贡献1807条经验 获得超9个赞

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

查看完整回答
反对 回复 2019-04-10
?
收到一只叮咚

TA贡献1821条经验 获得超4个赞

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


查看完整回答
反对 回复 2019-04-10
?
小唯快跑啊

TA贡献1863条经验 获得超2个赞

https://img1.sycdn.imooc.com//5cad5516000123a307980061.jpg

好吧怎么没想到呢,,,直接一个v-if(scope.$index < 3 ? false : true) 就完事了。。

查看完整回答
反对 回复 2019-04-10
  • 4 回答
  • 0 关注
  • 1582 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信