knot vuebutton
基本使用
vue
<template>
<kn-button>点击</kn-button>
</template>
<script setup lang="ts">
import { KnButton } from 'knot-vue'
</script>1
2
3
4
5
6
7
2
3
4
5
6
7
按钮类型
vue
<template>
<kn-button>点击</kn-button>
<kn-button type="dashed">点击</kn-button>
<kn-button type="text">点击</kn-button>
<kn-button type="primary">点击</kn-button>
<kn-button type="success">点击</kn-button>
<kn-button type="warning">点击</kn-button>
<kn-button type="danger">点击</kn-button>
</template>
<script setup lang="ts">
import { KnButton } from 'knot-vue'
</script>1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
禁用
vue
<template>
<kn-button disabled>点击</kn-button>
</template>
<script setup lang="ts">
import { KnButton } from 'knot-vue'
</script>1
2
3
4
5
6
7
2
3
4
5
6
7
API
| 属性名 | 描述 | 类型 | 是否必填 | 默认值 |
|---|---|---|---|---|
| children | 按钮内容 | string | true | -- |
| width | 宽度 | number | false | 74 |
| height | 高度 | number | false | 34 |
| type | 按钮类型 | string | false | default |
| disabled | 是否禁用 | boolean | false | false |
event
| 事件名 | 描述 | 类型 |
|---|---|---|
| @click | 按钮点击事件 | ()=>void |