重写iview Modal组件中的取消和确定按钮

itfallrain

于 2019-02-20 18:12:19 发布

阅读量8.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文为博主原创文章，未经博主同意不得转载

本文链接：https://blog.youkuaiyun.com/qq_38215042/article/details/87812041

vue 专栏收录该内容

22 篇文章

订阅专栏

本文详细介绍了一个项目分配操作界面的设计思路，包括如何使用Modal组件来创建一个垂直居中的模态框，以及如何通过Button组件实现取消和确定功能。该界面允许用户进行项目资源的有效分配。

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

在这里插入图片描述

    <Modal  title="项目分配" v-model="allocationModal" class-name="vertical-center-modal" :loading="allocationModalLoading"  >
       <div slot="footer">
         <Button type="text" size="large" @click="submitFP">取消</Button>
        <Button  type="primary" size="large" @click="submitFP">确定</Button>
       </div>
    </Modal>