关于Element-plus问题

Question

老师你好
我用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 }]
})

Answer 1

张轩 2023-09-22 09:54:32

同学你好

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

• 提问者 慕粉3178367 #1

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

Answer 2

张轩 2023-09-20 11:21:33

同学你好

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

import { FormItemRule } from 'element-plus'

• 提问者 慕粉3178367 #1

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