antd-design-vue modal模态框组件自定义footer脚部的按钮
项目中需求,模态框只保留一个确定按钮,去掉取消按钮。官方文档中只写了去掉全部的脚部按钮,:footer设置为null,这个补不满足需求,在多查找资料解决了此问题在slot插槽中,重新定义按钮代码如下:<a-modal :title="title":width="950"okText="确定"cancelText="取消":visible="visible"@cancel="
·
项目中需求,模态框只保留一个确定按钮,去掉取消按钮。
官方文档中只写了去掉全部的脚部按钮,:footer设置为null,这个补不满足需求,在多查找资料解决了此问题
在slot插槽中,重新定义按钮
代码如下:
<a-modal :title="title"
:width="950"
okText="确定"
cancelText="取消"
:visible="visible"
@cancel="handleOk"
@ok="handleOk">
<a-row type="flex">
<a-col :span="8"
v-for="item in list"
class="wrap"
:key="item.key">
<a-col :span="8"
class="wrap-label mr-10">{{item.text + ' :'}}</a-col>
<a-col class="wrap-value">{{item.value}}</a-col>
</a-col>
</a-row>
<template slot="footer">
<a-button type="primary"
@click="handleOk">确定</a-button>
</template>
</a-modal>
更多推荐
已为社区贡献2条内容
所有评论(0)