美文网首页
el-input限制两位小数

el-input限制两位小数

作者: litielongxx | 来源:发表于2020-10-20 09:44 被阅读0次

1通过keyup.native限制输入,和搜索建议一起时,可这样参考。

当table表格中,需要n多input时,可以template下,scope.row.xx直接赋值。(选看)

//带本地搜索建议提示
<template>
 <el-table-column
        <label="(数值,xx或者yy)" >
            <template slot-scope="scope">
              <el-form-item :prop="data'+i+'.list.'+scope.$index +'.leakageNumerical'">
                    <el-autocomplete
                              class="inline-input"
                              size="small"
                              v-model="scope.row.xx"
                              @keyup.native='scope.row.leakageNumerical=oninput($event,scope.row.leakageNumerical)'
                              :fetch-suggestions="querySearch"
                              placeholder="请输入带提示菜单"
                            ></el-autocomplete>
             </el-form-item>
       </template>
  </el-table-column>
</template>
methods() {
oninput (e) {
      e.target.value = e.target.value.replace(/[^\d.]/g, '')
      e.target.value = e.target.value.replace(/\.{2,}/g, '.')
      e.target.value = e.target.value.replace(/^\./g, '0.')
      e.target.value = e.target.value.replace(/^\d*\.\d*\./g, e.target.value.substring(0, e.target.value.length - 1))
      e.target.value = e.target.value.replace(/^0[^\.]+/g, '0')
      e.target.value = e.target.value.replace(/^(\d+)\.(\d\d).*$/, '$1.$2')
      return e.target.value
    },
}

相关文章

网友评论

      本文标题:el-input限制两位小数

      本文链接:https://www.haomeiwen.com/subject/stirmktx.html