Vue3按钮组件（Button）
创始人
2024-06-01 09:53:00

可自定义设置以下属性：

  • 按钮默认文本（name）,默认不设置时显示为'按钮'

  • 按钮类型（type），默认'default'，另外可选'primary' 'danger'

  • 按钮悬浮变化效果（effect），只有type为default时，reverse才生效

  • 按钮尺寸（size），默认'middle'，另外可选'small' 'large'

  • 按钮宽度（width），默认0

  • 按钮高度（height），默认40px

  • 按钮圆角（borderRadius）,默认4px

  • 按钮跳转目标URL地址（route），默认{}，格式与的to属性一致（只要未设置时才可监听click事件）

  • 按钮如何打开目标URL，设置route时才起作用，默认'_self'

  • 按钮是否禁用（disabled），默认false

  • 是否将按钮设置为块级元素并居中展示（center），默认false

效果如下图：

①创建按钮组件Button.vue：

②在要使用的页面引入：

上一篇：（八十三）大白话透彻研究通过explain命令得到的SQL执行计划（2）

下一篇：python 从0到批量下载某站视频

相关内容

热门资讯

电声股份涨2.38%，成交额3... 1月19日，电声股份盘中上涨2.38%，截至09:46，报12.50元/股，成交3962.22万元，...
嘉友国际涨2.05%，成交额2... 1月19日，嘉友国际盘中上涨2.05%，截至09:46，报14.44元/股，成交2026.29万元，...
南方中证创新药产业ETF(15... 数据显示，1月16日，南方中证创新药产业ETF(159858)获净申购210.99万元，位居当日股票...
1月16日平安中证畜牧养殖ET... 数据显示，1月16日，平安中证畜牧养殖ETF(516760)获净申购269.01万元，位居当日股票E...
天合光能涨2.05%，成交额2... 1月19日，天合光能盘中上涨2.05%，截至09:47，报19.46元/股，成交2.71亿元，换手率...