element input 表单 禁止输入

1.页面使用@keyup方法

<el-form-item label="账号:" prop="account">
     <el-input v-model="form.account"    @keyup.native="inputChange('account')" placeholder="支持字母及数
        字" :disabled="isDisabled">
    </el-input>
 </el-form-item>

2.方法执行进行替换

inputChange(type){
          if(type=='account'){
            this.form.account=this.form.account.replace(/([\u4e00-\u9fa5])|(\s)|[^\d\w]/g, '');
          }else{
            this.form.mobile=this.form.mobile.replace(/[^\d]/g,'');
          }
      },

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 2,790评论 1 11
  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 3,987评论 0 20
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 9,252评论 1 26
  • iOS项目开发中,有时候需要在特定界面设置其横竖屏切换,网上方法也有很多,尝试了不少,但是还是觉得这个方法最实用,...
    JoeyYu阅读 700评论 0 3
  • 【浅浅依然】 学习力七期践行day30 20171109 1、早起古诗视频叫醒 2、画日记:今天我写了幼儿园看猫和...
    浅浅依然阅读 45评论 0 0
  • 春风过山村 岸上的杨柳长发飘飘 披着一身春雨 妩媚动人 柳枝轻轻摆 如姑娘悄悄来 她偷偷的躲开时光 留住那抹芳华映...
    蝴蝶恋她阅读 232评论 27 32