vue 自定义键盘组件_使用Vue自定义数字键盘组件的方法

这篇文章主要介绍了关于使用Vue自定义数字键盘组件的方法，有着一定的参考价值，现在分享给大家，有需要的朋友可以参考一下

最近做 Vue 开发，因为有不少页面涉及到金额输入，产品老是觉得用原生的 input 进行金额输入的话 体验很不好，于是自己动手写了一个使用Vue自定义数字键盘组件，具体实现代码大家参考下本文

为了满足用户体验，小编用vue写了一个自定义数字键盘组件，用户体验度还不错。

废话不多说，先上效果图吧~

效果图

具体实现

布局排版

请输入金额

{ { money }}

7

8

9

C

4

5

6

清空

1

2

3

.

0

确认

布局方面我全部采用了 p 元素来模拟，方便好用 (๑ŐдŐ)b

键盘按键方面，每个按钮都设置了其自定义属性值 num &#x