Element使用方法

1.elment表格的一些操作方法

1.表格分页多选全功能
:row-key='getRowKey'
const getRowKey = (row: any) => {
     return row.id
 }
 
 2.表格禁止选择功能
<el-table-column type="selection" width="55" :selectable="selected" />
 const selected = (row: any, index: Number) => {
      if (row.is_confirm == 1) {
            return false //不可勾选
        } else {
             return true; //可勾选
         }
   }
   
 改变table 样式
 :header-cell-style="{'background-color': '#ee4c1f'}"
 
 自定义from验证
 name: [{ validator: checkAge, trigger: 'blur' }, ],
        const checkAge = (rule: any, value: any, callback: any) => {
            if (!value) {
                return callback(new Error('自定义'))
            }
            setTimeout(() => {
                if (!Number.isInteger(value)) {
                    callback(new Error('自定义'))
                } else {
                    if (value < 18) {
                        callback(new Error('自定义'))
                    } else {
                        callback()
                    }
                }
            }, 1000)
        }
 vue3获取dom的话必须先定义
 import type { FormInstance } from 'element-plus'
 const ruleFormRef = ref<FormInstance>()
 日期限制功能
 <el-date-picker v-model="value1" type="daterange" :shortcuts="shortcuts" range-separator="至"
    start-placeholder="开始日期" end-placeholder="结束日期" value-format="YYYY-MM-DD" :disabledDate="disabledDate">
</el-date-picker>

自定义规则
  s