element-ui 表格按钮的问题

clipboard.png

点击添加按钮,addToPool方法,这行数据加入数组arr,按钮隐藏,移除按钮显示,点击移除按钮数据从arr中移除。怎么控制添加按钮和移除按钮的显示和隐藏???

clipboard.png

阅读 4.1k
3 个回答

通过变量给true或者false配合v-if和v-else可以实现
`<el-button v-if="isShow">添加</el-button>
<el-button v-else>删除</el-button>
`

新手上路,请多包涵

渲染到表格之前。源数据使用map方法。给每一行都添加一个isadd属性,值为true或者false.然后根据这个值来显示按钮

给渲染的表格数据中每行加一个用于判断是否显示隐藏的标识符
如:[{'name':'都是官方。。。','type':'TKT','isShowAddBtn':true}]
当 item.isShowAddBtn == true 时展示添加按钮 隐藏移除按钮 反之亦然

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