vue-element-admin中的字典如何使用
时间: 2024-05-01 09:22:27 浏览: 14
在 `vue-element-admin` 中,字典可以通过两种方式使用:
1. 在 `src/utils/dict.js` 中定义字典对象,并在需要使用该字典的组件中引入和使用。
例如,定义以下字典对象:
```javascript
export const statusDict = {
0: { label: '禁用', value: 0 },
1: { label: '启用', value: 1 }
}
```
然后在组件中引入该字典对象,并使用 `statusDict` 中的值:
```javascript
import { statusDict } from '@/utils/dict'
export default {
data() {
return {
statusOptions: Object.values(statusDict)
}
}
}
```
2. 在 `src/settings.js` 中定义全局字典配置,并在需要使用该字典的组件中使用 `this.$settings.dict.xxx` 的方式获取字典值。
例如,在 `src/settings.js` 中定义以下字典配置:
```javascript
export default {
dict: {
status: {
0: { label: '禁用', value: 0 },
1: { label: '启用', value: 1 }
}
}
}
```
然后在组件中使用 `this.$settings.dict.status` 获取字典值:
```javascript
export default {
data() {
return {
statusOptions: Object.values(this.$settings.dict.status)
}
}
}
```