Element-ui使用记录总结

使用第三方字体包

把下载后的*.zip字体包放到项目中在main.js中引用。

import "@/assets/font/iconfont.css";

注意一定要放到element-variables.scss后面

使用

<el-input prefix-icon="iconfont el-icon-erp-lock" type="password"></el-input>

表单校验使用正则表达式

<el-form-item prop="mobile">
    <el-input type="text" v-model="ruleForm.mobile" auto-complete="off" placeholder="请输入手机号"></el-input>
</el-form-item>

在校验规则使用pattern属性即可。

mobile: [
    { validator: validateMobile, trigger: 'blur' },
    { required: true, message: '请输入手机号', trigger: 'blur' },
    { pattern: /^1[34578]\d{9}$/, message: '目前只支持中国大陆的手机号码' }
]

持续更新...