el-input 输入手机号

最新推荐文章于 2024-07-31 09:42:21 发布

LifeFuture1994

最新推荐文章于 2024-07-31 09:42:21 发布

阅读量2k

点赞数 1

分类专栏：前端文章标签： elementui vue.js javascript

本文链接：https://blog.csdn.net/future1994/article/details/122048417

版权

前端专栏收录该内容

190 篇文章 2 订阅

订阅专栏

        <el-form-item label="手机号：" prop="phone">
          <el-input
            v-model="identityForm.phone"
            onkeyup="value=value.replace(/[^\d]/g,'')"
            @blur="identityForm.phone = $event.target.value"
            :placeholder="formPlaceholder.phone"
          ></el-input>
        </el-form-item>

光有 οnkeyup="value=value.replace(/[^\d]/g,'')" 不行，

这时候v-model identityForm.phone的值可能与输入框显示的值不一致，存在特殊字符

所以必须使用@blur事件保持数据和显示一致