1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > ant design vue学习之Button按钮

ant design vue学习之Button按钮

时间:2023-12-06 04:23:33

相关推荐

ant design vue学习之Button按钮

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学习的一些记录

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。