项目中需求,模态框只保留一个确定按钮,去掉取消按钮。
官方文档中只写了去掉全部的脚部按钮,: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>
Logo

前往低代码交流专区

更多推荐