iview 框架 table 组件

clipboard.png

这是 iview 官网中 table 组件的一个示例,最后的按钮是使用 render 函数实现的,请问如何实现点击某一个蓝色 btn ,改变蓝色按钮的颜色呢?

例如:点击第一行的蓝色 btn ,这个 btn 的 type 变为 'success'(绿色),再点击的时候变回蓝色,根据目前情况,可以取到 params.index ,点击蓝色 btn ,所有的蓝色 btn 都变色了,想实现点击某一个,某一个变色

阅读 2.4k
1 个回答

data里定义一个开关 isBlue : true;
render里面 Button type : this.isBlue ? 'primary':'success';
按钮绑定@click btnEvent = () => {

this.isBlue = !this.isBlue;

};
错误请忽略

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