关于modal对话框自定义按钮样式

最新推荐文章于 2024-04-09 16:58:14 发布

qq_45533598

最新推荐文章于 2024-04-09 16:58:14 发布

阅读量2.3k

点赞数

文章标签： vue

本文链接：https://blog.youkuaiyun.com/qq_45533598/article/details/111660840

版权

本文探讨了在Vue项目中如何处理多个modal对话框的情况，特别是利用插槽来实现按钮样式的自定义，以满足不同场景的需求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div v-if="ApprovalStatus">
      <j-modal
        :title="title"
        :width="width"
        :visible="visible"
        :confirmLoading="confirmLoading"
        switchFullscreen
        @ok="handleOk"
        @cancel="handleCancel"
        cancelText="关闭"
      >
        <template slot="footer">
          <a-button @click="handleCancel">
            关闭
          </a-button>
          <a-button
            type="primary"
            :loading="loading"
            @click="handleOk"
          >
            确定
          </a-button>
        </template>
      </j-modal>
    </div>
    <div v-else>
      <j-modal
        :title="title"
        :width="width"
        :visible="visible"
        :confirmLoading="confirmLoading"
        switchFullscreen
        @ok="handleOk"
        @cancel="handleCancel"
        cancelText="关闭"
      >
        <template slot="footer">
          <a-button @click="handleCancel">
            关闭
          </a-button>

        </template>
      </j-modal>
    </div>