input框设置只能输入数字且限制长度

news/2024/7/3 20:18:47
<el-input v-model="formInfo.guidePhone" type="number" autocomplete="off"
              oninput="if(value.length>11)value=value.slice(0,11)"></el-input>

type=number是设置input框只能输入数字;
oninput则是做了一个if判断,超过11个字符只提取前十一个字符(只能输入到11个字符)


http://www.niftyadmin.cn/n/3745545.html

相关文章

vue设置光标

第一步&#xff1a;在input框上设置ref 第二部&#xff1a;写生命周期&#xff1a; mounted初始化页面完成 mounted() { this.$refs.groupref.focus() }, 完结撒花!

vue输入框回车搜索时间

<el-input v-model"itemQuery.searchContent" placeholder"开学特惠" class"searchPlea" style"border-radius: 20px;" keyup.enter.native"searchbutton">keyup.enter.native就是回车事件&#xff0c;

MySQL导入SQL文件过大或连接超时的解决办法/在navcat执行sql卡在0%

set global max_allowed_packet100 000 000;set global net_buffer_length100000;SET GLOBAL interactive_timeout28800 000;SET GLOBAL wait_timeout28800000 以上语句的解释&#xff1a; –max_allowed_packetXXX 客户端/服务器之间通信的缓存区的最大大小; –net_buffer_l…

点击关闭按钮,刷新页面

cancel() {this.dialogFormVisible false;parent.location.reload() //刷新页面},完结撒花&#xff01;

vue接后台接口

//积分 export function 命名(data){return request({url: /xxx/xxx,method: get,params: data}) }重点&#xff1a;如果传data&#xff0c;前面必须要加params否则带不了参数

【BZOJ】1609: [Usaco2008 Feb]Eating Together麻烦的聚餐

【算法】动态规划 【题解】DP有个特点(递推的特点)&#xff0c;就是记录所有可能状态然后按顺序转移。 最优化问题中DP往往占据重要地位。 f[i][j]表示前i头奶牛&#xff0c;第i头改为号码j的最小改动数字&#xff0c;这样每头奶牛改为哪个编号的方案全部记录了&#xff0c;转移…

vue el-drawer修改宽度

<el-drawer title"我是标题" :visible.sync"drawer" :direction"direction" :before-close"handleClose" :size"size"><span>我来啦!</span></el-drawer>在data里设置 size:50%,完结撒花&#xf…

vue 路由懒加载 报错 Loading chunk * failed 组件加载不出来

跳转对应的路由&#xff0c;无法跳转&#xff0c;打开控制太发现报错&#xff0c;查看网络发现对应的组件没有获取到&#xff0c;而且获取时间只有4ms就停止获取了&#xff0c;谷歌不会报这样的错误&#xff0c;但是edge会&#xff0c; 解决方法(不一定有用)&#xff1a;给请求…