有没有什么快捷优雅的方法 😀
有三个方案可供参考： 1、跳转过去，比如后台->会员管理->编辑会员弹窗中的调整余额按钮 2、自己写一个弹窗，向对应接口提交数据即可 3、直接导入对应功能的index.vue组件，并为该组件增加一个props，用来判断使用场景，比如外部导入使用时：不加载表格数据同时隐藏表格，显示添加弹窗
index.vue
props
可以写一个示例吗 ？
以下伪代码用于快速理解逻辑和步骤。
假设你是在两个由可视化CRUD生成的后台功能中，取名A和B
A
B
在A/index.vue中导入B/index.vue，渲染的时候代码应该类似于：<BIndexVue />
A/index.vue
B/index.vue
<BIndexVue />
接下来，你只需要给该B/index.vue文件加两个props，类似于： <BIndexVue :min="true" :showForm="state.showBIndexForm" />
<BIndexVue :min="true" :showForm="state.showBIndexForm" />
在BIndexVue以内，props.min时就隐藏表格、表格等，并且在showForm时就控制表单显示
BIndexVue
props.min
showForm
<Table v-if="!props.min"> 表单组件以内做逻辑判断进行表单显示 <popupForm :show="props.showForm" />
最后，在A页面你自己写的按钮处绑定点击事件state.showBIndexForm = true
state.showBIndexForm = true
很实用
感谢分享~
有三个方案可供参考：
1、跳转过去，比如后台->会员管理->编辑会员弹窗中的调整余额按钮
2、自己写一个弹窗，向对应接口提交数据即可
3、直接导入对应功能的
index.vue组件，并为该组件增加一个props，用来判断使用场景，比如外部导入使用时：不加载表格数据同时隐藏表格，显示添加弹窗可以写一个示例吗 ？
以下伪代码用于快速理解逻辑和步骤。
假设你是在两个由可视化CRUD生成的后台功能中，取名
A和B在
A/index.vue中导入B/index.vue，渲染的时候代码应该类似于：<BIndexVue />接下来，你只需要给该
B/index.vue文件加两个props，类似于：<BIndexVue :min="true" :showForm="state.showBIndexForm" />在
BIndexVue以内，props.min时就隐藏表格、表格等，并且在showForm时就控制表单显示最后，在
A页面你自己写的按钮处绑定点击事件state.showBIndexForm = true很实用
感谢分享~
- 1
前往