更新记录

1.0.0（2025-04-22） 下载此版本

上传

平台兼容性

mosowe-plate-number

props

emits

键盘弹出状态，无法操作其他区域，有一层透明的 mask 遮挡的，需要点击确定或取消关闭后才可操作。

示例代码

<template>
  <page-meta :page-style="'overflow:' + (pageHidden ? 'hidden' : 'visible')"></page-meta>
  <view class="plate-number-show">
    <mosowe-plate-number
      v-model="num"
      autoFocus
      @focus="setPageHidden(true)"
      @blur="setPageHidden(false)"></mosowe-plate-number>
    <view class="line"></view>
    <mosowe-plate-number v-model="num1"></mosowe-plate-number>
    <view class="line"></view>
    <mosowe-plate-number
      v-model="num2"
      popup>
      弹框类（popup）: {{ num2 }}
    </mosowe-plate-number>
    <view class="line"></view>
    <mosowe-plate-number
      v-model="num3"
      custom
      @close="close"
      @confirm="confirm">
      自定义校验等（custom）: {{ num3 }}
    </mosowe-plate-number>
  </view>
</template>

<script setup lang="ts">
  import { ref } from 'vue';
  const num = ref('');
  const num1 = ref('渝A');

  const num2 = ref('');
  const num3 = ref('');
  const confirm = (cb: Function) => {
    cb(true);
  };
  const close = (cb: Function) => {
    cb(true);
  };
  const pageHidden = ref(false);
  const setPageHidden = (val: boolean) => {
    pageHidden.value = val;
  };
</script>

<style
  lang="scss"
  scoped>
  .plate-number-show {
    padding: 40rpx 24rpx;
    .line {
      width: 100%;
      height: 1px;
      background-color: #eee;
      margin: 30rpx 0;
    }
  }
</style>