前端vue
<el-table :data="recentJobList" style="width: 100%">
<el-table-column prop="name" label="name" width="280">
</el-table-column>
<el-table-column prop="startDate" label="startDate" width="500">
</el-table-column>
<el-table-column prop="endDate" label="endDate" width="500">
</el-table-column>
<el-table-column prop="elapsed" label="Elapsed" width="300">
</el-table-column>
<el-table-column prop="status" label="Status">
</el-table-column>
</el-table>
computed:{
...mapGetters(['recentJobList'])
},
vuex层
const state = {
recentJob_list: []
};
//getter 抛出去的数据 给组件dashboard拿state用
const getters = {
recentJobList : state => state.recentJob_list,
};
recentJobList()这是函数调用会返回函数执行结果, @click={{recentJobList}} 这是把 recentJobList 赋值为 click 的事件处理函数
这里意思就是 computed是自动的 触发为函数 recentJobList是一个属性名 不是一个方法 所以写{{recentJobList()}}是错的
https://segmentfault.com/q/1010000016052834