关于Element-plus问题

来源：14-1 课程总结

慕粉3178367

2023-09-20

老师你好
我用vue3+typescript+element-plus创建项目。
为什么拿不到element-plus的FormRules声明，想用ts限制输入的内容。。。

// 版本
"element-plus": "^1.0.2-beta.28",
// 引入
import type { FormRules } from 'element-plus'
// 验证规则
const loginRules = ref<FormRules>({
  username: [{ required: true, trigger: 'blur', message: '用户名为必填项' }],
  password: [{ required: true, trigger: 'blur', validator: validatePassword }]
})

写回答

2回答

张轩

2023-09-22

同学你好

你的版本为啥是 1.0.2 啊？这个版本太老了啊，最新版本都是 2.3.14 了，在最新版本中是有导出这个类型的，我估计你那个版本太旧了，所以没有。

慕粉3178367

我是用vue add的方式，好像就是这个版本。我现在删掉了依赖，重新装了2.3.14了。在element-plus/es/components/form里面找到了FormRules。就是不知道为什么vue add element-plus会版本这么低。。。

2023-09-22

共1条回复

张轩

2023-09-20

同学你好

这里应该使用的是 FormItemRule，它是单个规则的类型。用这个就可以了

import { FormItemRule } from 'element-plus'

慕粉3178367

老师，还是报错。。。模块 ""element-plus"" 没有导出的成员 "FormItemRule"。你是想改用 "import FormItemRule from "element-plus"" 吗?ts(2614)

2023-09-21

共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3074 学习 · 2253 问题

查看课程

相似问题

element函数的引入问题

回答 1

Vue的组件install问题

回答 1

关于sass的@use和@import的问题

回答 1

关于element的table优化问题

回答 1

请教老师一些问题

回答 1

打开慕课网App查看更多内容