Button按钮:用于开始一个即时操作。
其中在ant design vue种提供了五种按钮:
(1)主按钮:type="primary",并且一个操作区域只能有一个主按钮。
(2)默认按钮:无需填写type,即为默认按钮。
(3)虚线按钮:type="dashed",常用于添加操作。
(4)文本按钮:type="text",一般用于最次级的操作。
(5)链接按钮:type="link",一般用于链接,即可以导航到某位置。
按钮还提供了四种属性:
(1)危险:记得给按钮加上danger
(2)幽灵:可用在背景色比较复杂的地方,记得给按钮加上ghost,将呈现如下效果:
(3)禁用:当要让一个按钮不可用的时候,可以使用该属性,给按钮加上disabled,将呈现如下效果:
(4)加载中,用于异步操作等待反馈的时候,可以避免多次提交的状况出现。给按钮加上loading,让按钮处于加载状态。
按钮的尺寸有:大、中、小三种,可以通过设置size为large、small来设置按钮的大小,没有设置则默认为中。
图标按钮:当需要在Button
内嵌入Icon
时,可以设置icon
属性,或者直接在Button
内使用Icon
组件。如果想控制Icon
具体的位置,只能直接使用Icon
组件,而非icon
属性。
注意:要将所需要使用的图形引进来,才能有效:
官网中还介绍到了当多个按钮组合的时候可以使用的情况:
当设置按钮为block,其block属性将会使按钮适合其父宽度。
官方文档中介绍到的API 、事件和FAQ
以上就是我对ant design vue的button学习的一些记录