feat(NumberKeyboard): add number random prop (#7841)
This commit is contained in:
@@ -122,6 +122,43 @@ export default {
|
||||
/>
|
||||
```
|
||||
|
||||
### 随机数字键盘
|
||||
|
||||
通过 `random-key-order` 属性可以随机排序数字键盘,常用于安全等级较高的场景
|
||||
|
||||
```html
|
||||
<van-cell @touchstart.native.stop="show = true"
|
||||
>弹出配置随机数字的键盘</van-cell
|
||||
>
|
||||
<van-number-keyboard
|
||||
:show="show"
|
||||
:random-key-order="true"
|
||||
@blur="show = false"
|
||||
@input="onInput"
|
||||
@delete="onDelete"
|
||||
/>
|
||||
```
|
||||
|
||||
```js
|
||||
import { Toast } from 'vant';
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
show: true,
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
onInput(value) {
|
||||
Toast(value);
|
||||
},
|
||||
onDelete() {
|
||||
Toast('删除');
|
||||
},
|
||||
},
|
||||
};
|
||||
```
|
||||
|
||||
### 双向绑定
|
||||
|
||||
可以通过 `v-model` 绑定键盘当前输入值。
|
||||
@@ -173,6 +210,7 @@ export default {
|
||||
| hide-on-click-outside | 点击外部时是否收起键盘 | _boolean_ | `true` |
|
||||
| get-container `v2.10.0` | 指定挂载的节点,[用法示例](#/zh-CN/popup#zhi-ding-gua-zai-wei-zhi) | _string \| () => Element_ | - |
|
||||
| safe-area-inset-bottom | 是否开启[底部安全区适配](#/zh-CN/advanced-usage#di-bu-an-quan-qu-gua-pei) | _boolean_ | `true` |
|
||||
| random-key-order | 是否随机键盘数字 | _boolean_ | `false` |
|
||||
|
||||
### Events
|
||||
|
||||
|
||||
Reference in New Issue
Block a user