1 2

VUE Element el-input只能输入数字,限制数字长度,重写label宽度

<el-input v-model="randomFormValue.urlnum_min" placeholder="URL数量下限(百分比)" class="form-item-input" onkeyup="this.value = this.value.replace(/[^\d.]/g,'');" maxlength="2"></el-input>
onkeyup="this.value = this.value.replace(/[^\d.]/g,'');"   只允许输入数字
maxlength="2"    输入的数字最大两位数


 <el-form-item label="URL数量(基数):" prop="urlnum" label-width="130px">
      <div class="flex-box align-center flex-wrap">
          <el-input v-model="randomFormValue.urlnum" placeholder="URL数量(基数)" class="form-item-input" onkeyup="this.value = this.value.replace(/[^\d.]/g,'');" maxlength="10"></el-input>
      </div>
 </el-form-item>
label-width="130px" 重写label宽度
posted @   大海的泡沫  阅读(2384)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
1 2
点击右上角即可分享
微信分享提示