element ui的列表问题:怎样按条件显示

我用的是element ui的table写的列表。
我想要其中一列、按照不同的条件。来判断是否显示。
如果那一行的数据符合条件。就显示【编辑按钮】
反之。不显示【编辑按钮】
我用的v-show没有效果。

image.png
我的代码:
image.png
image.png

阅读 6.6k
3 个回答

你这个模版里肯定,一般不会用到this的啊,this.isEditable改为isEditable
另外你这个应该是根据每一行的不同数据来显示不同按钮的吧,那要把变量放到tableData里
然后在模版里写scope.row.isEditable
有问题再接着问吧,感觉你的vue基础还不够

无论加不加this都是失效的。
无论有没有放在tableData里都是失效的。
我现在知道原因了:
用v-if而不是v-show。我看了资料说v-show是类似css的

你这个需求是需不需要显示按钮,为什么会将v-show添加到el-table-column上面,然后这种应该是 在el-button做逻辑判断吧,感觉 el逻辑判断那里用v-ifv-show更好
image.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题