更新记录

1.0.0（2023-07-13） 下载此版本

首次发布，样式自己修改

1.1（2023-07-13） 下载此版本

add

1.0（2023-07-13） 下载此版本

小数点后只能输入两位,其他自行更改,默认点击确认保存格式是0.00

平台兼容性

uni-app

uni-app x

number-keyboard

1.1直接下载插件并导入HBuilderx,直接使用,如果不则需要引入，步骤下面2.1

   <view v-if="show">
      <number-keyboard @confirmEvent="_confirmEvent" @closeNum="closeNum"></number-keyboard>
    </view>

    data() {
      return {
        title: 'Hello',
        show: false
      }
    },

    methods: {
      _confirmEvent(res) {
        console.log(res);
        this.title = res
        this.show = !this.show
      },
      closeNum() {
        this.show = !this.show
      }
    }

2.1步骤如下

引入组件

 import numberKeyboard from "./components/numberKeyboard/numberKeyboard.vue"

注册组件

   components: {
      numberKeyboard
    },
    data() {
      return {
        show: false
      }
    },

使用组件

<view v-if="show">
    <numberKeyboard @confirmEvent="_confirmEvent" @closeNum="closeNum">                </numberKeyboard>
</view>

methods: {
    //点击确认
   _confirmEvent(res) {
       console.log(res);
       this.show = !this.show
     },
     //显示和隐藏
    closeNum() {
      this.show = !this.show
  }
 }