ts踩坑！在 Vue.js 中使用 Element Plus 组件库时，组件属性值所传类型需要与组件期望的类型一致。

在 Vue.js 中使用 Element Plus 组件库时，用el-tag组件举例，
属性值所传类型需要与组件期望的类型一致。

//当我们简单定义 举例：
  let tagType:string = ' '
  或者： let tagType = ref<string>('')

然后给el-tag的type属性赋值时，会出现ts错误信息如下：

这个TypeScript错误表明你在为el-tag组件的type属性赋值时，类型不匹配。el-tag组件的type属性通常期望一个特定的枚举值集合（如"success", “warning”, “info”, “danger”），但你可能尝试将一个普通的字符串（string类型）赋给了它，而这个字符串并不是预期枚举值中的一个。

解决方案
1. 确保tagType是预期的类型：
确保tagType变量的类型与el-tag的type属性期望的类型相匹配。如果el-tag的type属性只接受特定的字符串值（如"success", “warning”, “info”, “danger”），那么你需要确保tagType也是这些值之一。

const tagType: 'success' | 'warning' | 'info' | 'danger' = 'success'; // 示例

或者，如果tagType是从某处动态获取的，你可能需要添加类型断言或条件检查来确保它是有效的：

const tagType = someFunctionThatReturnsString(); // 假设这个函数返回'success', 'warning', 'info', 或 'danger'之一
const safeTagType = tagType as 'success' | 'warning' | 'info' | 'danger'; // 类型断言

// 或者
const safeTagType = ['success', 'warning', 'info', 'danger'].includes(tagType) ? tagType : 'info'; // 条件检查

2.考虑使用枚举：
如果你经常需要处理这种类型的值，定义一个TypeScript枚举可能是一个好主意。这不仅可以提高代码的可读性，还可以帮助TypeScript更好地推断类型。

enum TagType {
  Success = 'success',
  Warning = 'warning',
  Info = 'info',
  Danger = 'danger'
}
const tagType: TagType = TagType.Success; //给个初始值