按钮
<g-button>默认按钮</g-button>
<g-button icon='setting'>icon按钮</g-button>
<g-button loading>loading按钮</g-button>
<g-button disabled>不可用按钮</g-button>
<g-button icon="right" icon-position="right">icon在右边的按钮</g-button>
<g-button icon="info" @click="load = true" :loading="load">点击后会loading</g-button>
export default {
components: {
"g-button": Button
},
data(){
return {
load:false
}
}
};
| Props | 含义 | 默认值 | 是否必须 | 可选值 |
|---|---|---|---|---|
| icon | icon名称 | null | false | String |
| iconPosition | icon的位置 | false | left | ["left","right"] |
| loading | loading状态 | false | false | [true,false] |