Vue3.0报错：Failed to resolve component el-form-item导致el元素无法显示

导入element ui时选择的是按需导入，需要在element.js中引入相应组件。import { ElForm } from 'element-plus'import { ElButton } from 'element-plus'import { ElFormItem } from 'element-plus'import { ElInput } from 'element-plus'im

m0_67265919

2663人浏览 · 2022-03-09 10:04:23

m0_67265919 · 2022-03-09 10:04:23 发布

在这里插入图片描述

导入element ui时选择的是按需导入，需要在element.js中引入相应组件。

import { ElForm } from 'element-plus'
import { ElButton } from 'element-plus'
import { ElFormItem } from 'element-plus'
import { ElInput } from 'element-plus'
import lang from 'element-plus/lib/locale/lang/zh-cn'
import locale from 'element-plus/lib/locale'

export default (app) => {
  locale.use(lang)
  app.use(ElButton)
  app.use(ElForm)
  app.use(ElFormItem)
  app.use(ElInput)
}

页面即可正常显示

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^