Vue + Element el-input-number计数器限制只能输入[0,100]区间的数

最新推荐文章于 2024-09-26 15:10:07 发布

「已注销」

最新推荐文章于 2024-09-26 15:10:07 发布

阅读量6.1k

点赞数 1

分类专栏： # Vue 文章标签： JavaScript

本文链接：https://blog.csdn.net/idjiang/article/details/107227717

版权

本文介绍如何在Vue项目中利用Element UI的el-input-number组件，设置校验规则，确保用户输入的数值限定在0到100的区间内，从而实现一个安全可控的计数器功能。

摘要由CSDN通过智能技术生成

<template>
  <div>
    <el-input-number
      v-model.number="num1"
      controls-position="right"
      :min="0"
      :max="100"
      @input.native="onInput0_100"
      onKeypress="return (/[\d\.]/.test(String.fromCharCode(event.keyCode)))"
    ><