ant-design-vue全局改变尺寸size

最新推荐文章于 2024-02-22 14:39:22 发布

地球OL太难玩

最新推荐文章于 2024-02-22 14:39:22 发布

阅读量1.9k

点赞数 2

分类专栏：前端 H5 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/earthOLtainanwan/article/details/128618314

版权

前端 H5 专栏收录该内容

37 篇文章 2 订阅

订阅专栏

需求：在这里插入图片描述
ant-design-vue中像如图的按钮、输入框、选择框，需要使用的size为small，而其他组件则保持不变。

方法：

import Antd from 'ant-design-vue'
import { Button, Select, Input } from 'ant-design-vue // 即使已经全部引入，也重新再将需要的组件引入一次

Vue.use(Antd)

[Button, Select, Input].forEach((element) => {element.props.size.default='small';});