【vuetify】v-select 无法正常显示，踩坑记录！
一、上代码
template
<v-select
v-model="editedUser.userRole"
:items="roles"
label="角色"
item-value="value"
:rules="[rules.required]"
></v-select>
script
const editedUser = ref({
userRole: 'customer' // 设置初始值为 'customer'
});
const rules = {
required: value => !!value // 使用内置验证规则
};
const roles = [
{ text: '管理员', value: 'admin' },
{ text: '用户', value: 'customer' },
];
二、问题
三、解决
这是因为我没有写 item-title" ，加上去就好了
<v-select
v-model="editedUser.userRole"
:items="roles"
label="角色"
item-title="text"
item-value="value"
:rules="[rules.required]"
></v-select>
