feat(NumberKeyboard): add number random prop (#7841)

This commit is contained in:
nemo-shen
2021-01-02 12:47:26 +08:00
committed by GitHub
parent 6afd13587f
commit 5137fcf76f
5 changed files with 106 additions and 0 deletions
+38
View File
@@ -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