input type="number" 时去除上下按钮样式

发布时间 2023-11-13 09:40:42作者: 请叫我王小胖

全局样式

/* 取消[type='number']的input的上下箭头 */
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

input::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
}

input[type="number"] {
  -moz-appearance: textfield;
}

限制鼠标滚动改变数字

<el-input type="number" v-model="form.changeMoneyWt" placeholder="请输入签证金额" maxlength="13"
              @mousewheel.native.prevent @DOMMouseScroll.native.prevent>
              <template slot="append">元</template>
            </el-input>

 校验

export const validateMoneyNoVoid = (rule, value, callback) => {
  if (value === "" || value === undefined) {
    return callback();
  }
  const reg = /^-?\d+(\.\d{1,2})?$/;
  if (!reg.test(value)) {
    return callback(new Error("最多两位小数!"));
  }
  callback();
};