Element-ui最常用组件排行榜非官方统计

组件使用说明官方文档链接 https://element.eleme.cn/#/zh-CN/component

一级常用

按钮 button

<el-button></el-button>

输入框 input

<el-input  v-model="input" placeholder="请输入内容"></el-input>

表单 Form

<el-form  ref="form" :model="form"  :rules="rules">
<el-form-item label="手机号" prop="mobile"></el-form-item>
</el-form>

<script>
export default {
   
    data() {
   
        var validatePass = (rule, value, callback) => {
   
        console.log('value', value)
        if (value && !/^1(3|4|5|7|8)\d{9}$/.test(value)) {
   
          return callback(new Error('请输入格式正确的手机号'))
      }
    },
      return {
   
      form:{
   mobile:''},
      rules:{
   mobile:[{
    validator: validatePass, trigger: 'blur' }]}
}}}
//说明：表单绑定数据非form，其中有字符串数据mobile，rules为对手机号的校验规则
</script>

表格 Table

<