Vue让input输入框只能输入2位小数

  • 功能1:可以禁止输入框输入字母和空格
  • 功能2:监听输入的内容,如果不符合2位小数的时候,替换输入框的内容,使输入框只能输入两位小数
1<template> 2 <div class="room"> 3 <a-input onkeyup="this.value=this.value.replace(/[^0-9\.]/g,'')" v-model="myValue" placeholder="请输入" /> 4 </div> 5</template> 6 7<script> 8export default { 9 name: 'helloworld', 10 data(){ 11 return { 12 myValue: '' 13 } 14 }, 15 watch:{ 16 'myValue':{ 17 handler(val){ 18 const newvalue = val.replace(/^(-)*(\d+)\.(\d\d).*$/, '$1$2.$3') 19 this.myValue = newvalue 20 } 21 } 22 }, 23} 24</script> 25
点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

正则表达式限制输入框只能输入数字

1正则表达式限制输入框只能输入数字<inputtype"text"onkeyup"this.valuethis.value.replace(/^d/g,')"onafterpaste"this.valuethis.value.replace(/^d/g,')"name"f_order"value"1"/其

Python中Selenium选择日期(选择日历控件)的方法

1.日历控件中,年月日,一个一个的点击,灵活性太差,稳定性也差通过检查元素,日历空间就是一个文本输入框,可以用send\_keys检查元素2.发现标签中存在readonly属性,这是一个只读标签_不能进行输入(如果可以直接再日期输入框进行输入,就不需要2、3、4步骤啦,直接操作第5步骤)___3.所以,我们只需要删除readonly

Oracle之plsql及游标

1、赋值:赋值declarevar_namevarchar2(10):'&请输入名字';&是一个提示输入的特殊符号,会打开一个输入框var_agenumber(3):'&请输入年龄';begi