el-input 限制输入

最新推荐文章于 2024-08-07 11:59:22 发布

原创最新推荐文章于 2024-08-07 11:59:22 发布 · 402 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

本文介绍了如何在Vue表单中使用Vxe-Table的columnfield元素，实现对totalWeight总毛重字段的输入限制，确保值不超过10位且小数点后只有两位。

限制最大只能10位且小数点后两位

 <vxe-column field="totalWeight" title="总毛重（g）">
            <template #default="{ row, rowIndex }">
              <el-input
                oninput="value=value.replace(/^([0-9-]\d*\.?\d{0,2})?.*$/,'$1')"
                maxlength="10"
                placeholder="请输入"
                v-model="row.totalWeight"
              ></el-input>
            </template>
          </vxe-column>