Appearance
引入组件
局部引入
ts
// parent.vue
const FNumberInput = defineAsyncComponent(() => import('@/components/formaui/f-number-input/f-number-input.vue'))基础用法
html
<f-number-input v-model="inputValue"></f-number-input>ts
import { ref } from 'vue'
const inputValue = ref<string>('')插槽
| 名称 | 说明 |
|---|---|
| - | - |
属性
| 名称 | 类型 | 说明 | 默认值 |
|---|---|---|---|
length | number | 输入框个数 | 6 |
bgColor | string | 自定义背景颜色 | transparent |
width | string | 自定义输入框宽度 | 80rpx |
height | string | 自定义输入框高度 | 80rpx |
fontSize | string | 自定义字体大小 | 32rpx |
isPwd | boolean | 是否为密码输入框 | false |
事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| - | - | - |
