vue2用el-dialog怎么实现同一个弹框点击审核的时候弹框里有审核按钮点击查看详情的时候没有弹框就在页面中
你可以通过在弹框组件中设置一个props来控制是否显示审核按钮。在点击“审核”的时候,将这个props设置为true,在点击“查看详情”的时候,将这个props设置为false。
具体实现方法如下:
- 在弹框组件中添加一个名为“showAuditButton”的props,用于控制是否显示审核按钮:
props: {
showAuditButton: {
type: Boolean,
default: true
}
}
- 在弹框组件中根据“showAuditButton”的值来判断是否显示审核按钮:
<el-button v-if="showAuditButton" type="primary" @click="audit">审核</el-button>
- 在父组件中,通过v-if指令来控制“showAuditButton”这个props的值:
<my-dialog :show-audit-button="true"></my-dialog> <!-- 显示审核按钮 -->
<my-dialog :show-audit-button="false"></my-dialog> <!-- 不显示审核按钮 -->
这样,当你需要显示审核按钮的时候,就将“showAuditButton”设置为true,否则设置为false即可
原文地址: https://www.cveoy.top/t/topic/eEOe 著作权归作者所有。请勿转载和采集!