element-ui是饿了么提供的一套组件框架，其中表格组件有一个好用的行展开功能，今天我们就来聊聊如何对展开的行进行双向绑定。
工具/原料
1
vue
2
element-ui
方法/步骤
1
我们使用官方的简单例子来做测试。
2
首先，官方允许我们在表格上使用row-key和expand-row-keys来进行行展开的初始化，我们使用row-key属性将数据id设为行id，将一个数组用于绑定展开行的key集合。
3
我们尝试往数组中放值，发现数据可以影响到行的展开，但是行的展开并不能影响到数组值的变更。
4
于是我们给table绑定上相关的事件，在每次行展开状态变更时，修改数组值，官方给我们提供了expand-change事件。
5
我们在每次行展开状态变更时，将原数组清空（注意不要直接修改数组引用，否则双向绑定将失效），并放入展开行的id。
6
再次尝试，我们的展开行双向绑定就完成了，此时表格中的行展开状态我们就可轻而易举的获取到了。
7
以上即时本篇的全部内容，感谢阅读。
上一篇：如何让装修剩料变废为宝
下一篇：幼儿折纸之小房子