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/nVSj 著作权归作者所有。请勿转载和采集!