ElementUI-Plus

使用方法

• el-upload
• el-dialog
• el-form
• el-container
• el-result
• el-table-v2
• ElMessage
• MessageBox
• el-popconfirm
• el-checkbox

样式重置

<style scoped>
:deep(.el-ipnut),
:deep(.el-select),
:deep(.el-input-number) {
    width: 100%;
}
</style>

icon

常见问题

• ElementUI 注意事项
• element-ui中的el-form表单验证，只有在提交按钮点击时才进行验证： :validate-event="false"
• el-radio 规则校验必填不生效

// 验证等级不能为零
const validateLevel = (rule: any, value: any, callback: any) => {
	if (value) {
		// 当值为0的时候当做没选择
		if (value == 0) {
			callback(new Error('请请填写难度等级'));
		} else {
			callback();
		}
	} else {
		callback(new Error('请请填写难度等级'));
	}

rules: {
	level: [{ required: true, validator: validateLevel, trigger: 'blur' }],
}

• Vue3+Element Plus使用svg加载iconfont的解决方案

TypeScript 使用

• @types/element-plus