Vue iview table如何渲染expandRow子表格?

首先,我渲染expandRow是这样的渲染方法:
图片.png

然后,现在碰到的问题是,当我点击行的时候,我想往params.row里面插入数据,这个数据是要通过接口返回获取的。
于是,我就把这个请求放在了render里面,然后把return放在请求方法里面。然而,这样做的话,expandRow就不执行渲染了,打debugger也不会跳转到这里,不知道咋回事...

如果把请求放在外边的话:

  1. 都是先执行渲染,才到请求的,所以,数据没有变化...
  2. 我担心到时候,点击别的行的话,会干扰到前面点击展示的expandRow数据。

所以,还能有什么办法去解决这个赋值和修改值的问题呢?

阅读 4.8k
1 个回答

这个问题解决了,在父组件获取点击的行的信息,然后再set给当前行,这样params.rows就渲染给expandRow。如下图所示:
image.png
image.png

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