当前位置: 首页 > news >正文

【vuetify】v-select 无法正常显示,踩坑记录!

一、上代码

template

<v-selectv-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-selectv-model="editedUser.userRole":items="roles"label="角色"item-title="text"item-value="value":rules="[rules.required]"
></v-select>

在这里插入图片描述

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Vue3生命周期钩子函数(Vue3生命周期)
  • vue3 一次二次封装element-plus组件引发的思考
  • 解决ubuntu 24.04 ibus出现卡死、高延迟问题
  • 解决uniapp视频video组件进入全屏再退出全屏后,cover-view失效的问题
  • Brave编译指南2024 Windows篇:拉取Brave源码(六)
  • SpringSecurity剖析
  • yjs04——matplotlib的使用(多个坐标图)
  • 探索源代码防泄漏与模块化沙箱的秘密
  • 高级实时通信:基于 Python 的 WebSocket 实现与异步推送解决方案
  • 房产销售系统开发:SpringBoot技术要点
  • 关于node安装的全局js库,提示‘not found’
  • 【北京迅为】《STM32MP157开发板使用手册》- 第三十章Cortex-M4通用定时器实验
  • IntelliJ IDE 插件开发 | (十二)自定义项目脚手架(上)
  • RabbitMQ 基础入门
  • 3DGS:3D Gaussian Splatting for Real-Time Radiance Field Rendering 论文解读
  • -------------------- 第二讲-------- 第一节------在此给出链表的基本操作
  • ECS应用管理最佳实践
  • ES6简单总结(搭配简单的讲解和小案例)
  • Java 9 被无情抛弃,Java 8 直接升级到 Java 10!!
  • js算法-归并排序(merge_sort)
  • leetcode-27. Remove Element
  • Less 日常用法
  • node学习系列之简单文件上传
  • Service Worker
  • spring boot 整合mybatis 无法输出sql的问题
  • SQLServer之索引简介
  • Travix是如何部署应用程序到Kubernetes上的
  • 分享自己折腾多时的一套 vue 组件 --we-vue
  • 前端面试之CSS3新特性
  • 探索 JS 中的模块化
  • 通过来模仿稀土掘金个人页面的布局来学习使用CoordinatorLayout
  • 微信小程序设置上一页数据
  • 正则学习笔记
  • 中国人寿如何基于容器搭建金融PaaS云平台
  • ​queue --- 一个同步的队列类​
  • ​一文看懂数据清洗:缺失值、异常值和重复值的处理
  • ‌移动管家手机智能控制汽车系统
  • #define
  • #数据结构 笔记一
  • $LayoutParams cannot be cast to android.widget.RelativeLayout$LayoutParams
  • ( )的作用是将计算机中的信息传送给用户,计算机应用基础 吉大15春学期《计算机应用基础》在线作业二及答案...
  • (2024,RWKV-5/6,RNN,矩阵值注意力状态,数据依赖线性插值,LoRA,多语言分词器)Eagle 和 Finch
  • (3)医疗图像处理:MRI磁共振成像-快速采集--(杨正汉)
  • (el-Date-Picker)操作(不使用 ts):Element-plus 中 DatePicker 组件的使用及输出想要日期格式需求的解决过程
  • (JSP)EL——优化登录界面,获取对象,获取数据
  • (二)构建dubbo分布式平台-平台功能导图
  • (分布式缓存)Redis分片集群
  • (每日一问)基础知识:堆与栈的区别
  • (一)Thymeleaf用法——Thymeleaf简介
  • *上位机的定义
  • .FileZilla的使用和主动模式被动模式介绍
  • .MyFile@waifu.club.wis.mkp勒索病毒数据怎么处理|数据解密恢复
  • .NET CF命令行调试器MDbg入门(二) 设备模拟器
  • .NET CLR Hosting 简介
  • .NET Framework 4.6.2改进了WPF和安全性