需求
主页面上有一个模块列表,通过列表下方的“维护”按钮,可弹出一个对话框,供用户添加、删除、编辑模块信息。
实现
具体实现时,直接将主页面的模块列表数组moduleOptions作为prop传递给子组件对话框
//子组件
props: ['moduleOptions','projectFrm'],//父组件
<project-module-dlg ref="projectModule":module-options="moduleOptions":project-frm="selectedProject"></project-module-dlg>
然后在对话框内直接操作moduleOptions,通过push进行添加:
this.moduleOptions.push(this.moduleForm);
通过splice进行修改和删除。
//修改第moduleIndex开始的1个数据
this.moduleOptions.splice(this.moduleIndex, 1