VUE element-ui之输入框限制只能输入数字number类型及表单校验_rules限制类型为数字(1)

总结

为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。

包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。

前端面试题汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

JavaScript

性能

linux

步骤：

表单中：

<el-form ref="ruleForm" :model="form" :rules="rules">
          <el-form-item label="上级地区:" prop="region" :label-width="formLabelWidth">
            <el-cascader
 v-model="selectedOptions"
 :options="options"
 @change="handleChange"
 />
          </el-form-item>
          <el-form-item label="名称:" prop="name" :label-width="formLabelWidth">
            <el-input v-model="form.name" autocomplete="off" style="width:199px" />
          </el-form-item>
          <el-form-item label="行政代码:" prop="code" :label-width="formLabelWidth">
            <el-input v-model.trim="form.code"
 oninput="value=value.replace(/^\.+|[^\d.]/g,'')" 
 tyle="width:199px" 
 @blur="salaryChange" 
 />
             trim:禁止输入空格
          </el-form-item>
        </el-form>
		<div slot="footer" class="dialog-footer">
          <el-button size="mini" @click="dialogFormVisible = false">取 消</el-button>
          <el-button size="mini" type="primary" @click="submitForm('ruleForm')">确 定</el-button>
        </div>

定义数据：

data() {
    return {
      form: { region: '' },
      rules: {
        code: [
          { required: true, message: '请输入行政代码', trigger: 'blur' }
        ]
      }
    }


### 常用的JavaScript设计模式

* 单体模式

* 工厂模式

* 例模式

  ![](https://img-blog.csdnimg.cn/20210616215753130.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81NjEzNDM4MQ==,size_16,color_FFFFFF,t_70)

  

### 函数

* 函数的定义

* 局部变量和全局变量

* 返回值

* 匿名函数

* 自运行函数

* 闭包

  **[开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】](https://bbs.csdn.net/topics/618166371)**

  ![](https://img-blog.csdnimg.cn/20210616215826268.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81NjEzNDM4MQ==,size_16,color_FFFFFF,t_70)