Vue2祖孙provide/inject异步传值，孙组件拿不到？

Question

简化代码如下图所示：

有人说接收不到的原因是，因为异步原因，在孙组件的mounted执行的时候，爷组件中res还未得到值，请问有什么解决办法吗？

Answer 1

provide 和 inject 绑定并不是可响应的，可以试试传入一个对象。

// parent.vue
data () {
    tableData: {
        list: []
    }
},
provide () {
    return {
        tableData: this.tableData
    }
},
methods: {
    getTableData () {
        ...
        tableData.list = data
    }
}

// child.vue
...
inject: ['taleData']
...

<el-table :data="tableData.list">