Vue的漂亮的按钮组件 - m-button

Vue的漂亮的按钮组件 - m-button
插件名称 m-button
发布时间 2020年8月14日

一个vue.js组件,可在应用程序上创建漂亮的可自定义按钮。

安装和下载:

# NPM
$ npm install vue-m-button --save

使用:

npm install vue-m-button
import MButton from 'vue-m-button'
// for v1.0.0
// import 'vue-m-button/dist/css/default.css'

Vue.use(MButton)

会全局注册 m-button-groupm-button 组件。

<m-button>默认</m-button>

按钮组:

<m-button-group>
  <m-button type="info">首页</m-button>
  <m-button type="info">热门</m-button>
  <m-button type="info">专栏</m-button>
</m-button-group>

按钮属性

参数说明类型可选值默认值
size尺寸stringmaxlarge默认samllmini
type类型stringinfoprimarywarningdangersuccess
plain是否朴素按钮booleanfalse
round圆形按钮booleanfalse
disabled是否禁用状态booleanfalse
active焦点状态booleanfalse
effect焦点涟漪效果booleantrue
routervue-router 路由对象path