Vue实现详细界面里面有一个列表

目录

Vue实现详细界面里面有一个列表

理一下思路：

效果如下：

1、 主页面正常写

2、详细界面(重点)

3、详细界面里面的列表(重点)

要点：

---

Vue实现详细界面里面有一个列表

理一下思路：

1、首先需要这条数据的主键id，用它来获得详细界面所需的值，

2、在详细界面中通过父子组件的关系传递这个id，使得自己写的列表组件可以获得这个id值去查数据。

效果如下：

1、 主页面正常写

<span @click="addOrUpdateHandle(scope.row.id,true)">详情</span>

addOrUpdateHandle(id, isDetail) {
this.formVisible = true
this.$nextTick(() => {
this.$refs.xxxxx.init(id, isDetail)
})

},