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

Select 选择器 el-option 回显错误 value

news 2026/3/30 7:59:52

离谱 回显的内容不是 label 而是 value 的值

返回官方看说明：

v-model的值为当前被选中的el-option的 value 属性值

value / v-model 绑定值有3种类型 boolean / string / number 

根据自身代码猜测是：tableData.bookId 与 item.id 类型不一致导致

<el-form-item label="父级书签"><el-select v-model="tableData.bookId" placeholder="请选择"><el-optionv-for="item in options":key="item.id":label="item.hl":value="item.id"></el-option></el-select></el-form-item>

我将后端的 bookId 字段类型改为 Integer 与  :value="item.id 字段类型保持一致解决此问题

相关文章：

Select 选择器 el-option 回显错误 value

离谱 回显的内容不是 label 而是 value 的值 返回官方看说明&#xff1a; v-model的值为当前被选中的el-option的 value 属性值 value / v-model 绑定值有3种类型 boolean / string / number 根据自身代码猜测是&#xff1a;tableData.bookId 与 item.id 类型不一致导致 &…...

编程日记 2024/2/10 11:06:17

【51单片机Keil+Proteus8.9】门锁控制电路

门锁控制电路 二、设计思路 电路设计 1.电源部分&#xff1a;使用BATTERY为整个电路提供电源&#xff0c;可以在电路中加入一个电 源开关&#xff0c;以便控制电源的开启和关闭。 2.处理器部分&#xff1a;使用AT89C51芯片作为主处理器&#xff0c;通过编写程序实现门锁的 …...

编程日记 2024/2/10 10:56:56

比较Kamailio和OpenSIPS的重写contact函数

Kamailio&#xff1a;调用set_contact_alias()之后&#xff0c;在原有的contact的后面增加参数&#xff0c;具体地说&#xff0c;就是网络地址&#xff0c;网络端口和transport&#xff0c;好处是收到后续请求之时可以恢复原有contact的内容&#xff08;当然也有坏处&#xff0…...

编程日记 2024/2/10 10:52:52

【ETOJ P1046】斐波那契数列 题解（数学+动态规划）

题目描述 给定一个整数 T T T&#xff0c;表示样例数。 对于每个样例&#xff0c;给定一个整数 n n n&#xff0c;求斐波那契数列的第 n n n 项。 斐波那契数列定义为 f ( 1 ) f ( 2 ) 1 f(1) f(2) 1 f(1)f(2)1&#xff0c; f ( n ) f ( n − 1 ) f ( n − 2 ) f(…...

编程日记 2024/2/10 10:49:49

编码技巧——基于RedisTemplate的RedisClient实现、操作Lua脚本

1. 背景 在新公司的脚手架中开发&#xff0c;需要用到redis&#xff0c;发现没有封装好一套能集成各种常用命令、包括Lua脚本的方便使用的RedisTemplateClient&#xff0c;于是自己来实现下&#xff1b; springboot整合redis之后&#xff0c;提供了操作redis的简便方式&#…...

编程日记 2024/2/10 10:48:48

Asp .Net Core 系列：Asp .Net Core 集成 Panda.DynamicWebApi

文章目录 简介Asp .Net Core 集成 Panda.DynamicWebApi配置原理什么是POCO Controller&#xff1f;POCO控制器原理ControllerFeatureProvider实现自定义判断规则IApplicationModelConventionPanda.DynamicWebApi中的实现ConfigureApiExplorer()ConfigureSelector()ConfigurePar…...

编程日记 2024/2/10 10:46:46

【PTA浙大版《C语言程序设计（第4版）》|编程题】习题7-3 判断上三角矩阵（附测试点）

目录 输入格式&#xff1a; 输出格式&#xff1a; 输入样例&#xff1a; 输出样例&#xff1a; 代码呈现 测试点 上三角矩阵指主对角线以下的元素都为0的矩阵&#xff1b;主对角线为从矩阵的左上角至右下角的连线。 本题要求编写程序&#xff0c;判断一个给定的方阵是否…...

编程日记 2024/2/10 10:45:45

JVM 性能调优 - 参数调优(3)

查看 JVM 内存的占用情况 编写代码 package com.test;public class PrintMemoryDemo {public static void main(String[] args) {// 堆内存总量long totalMemory Runtime.getRuntime().totalMemory();// jvm 试图使用的最大堆内存long maxMemory Runtime.getRuntime().maxM…...

编程日记 2024/2/10 10:42:42

Django(十)

1. Ajax请求 浏览器向网站发送请求时&#xff1a;URL 和 表单的形式提交。 GETPOST 特点&#xff1a;页面刷新。 除此之外&#xff0c;也可以基于Ajax向后台发送请求&#xff08;偷偷的发送请求&#xff09;。 依赖jQuery编写ajax代码 $.ajax({url:"发送的地址"…...

编程日记 2024/2/10 10:40:40

OpenHarmony开源鸿蒙开发之旅

文章目录 一、op系统架构二、op系统构建1. op源代码目录2. op系统构建3. op开发环境搭建 三、op系统的子系统四、op系统芯片移植五、op系统启动流程六、op系统组件七、驱动框架 一、op系统架构 二、op系统构建 1. op源代码目录 2. op系统构建 3. op开发环境搭建 三、op系统…...

编程日记 2024/2/10 10:37:36

SpringBoot之整合PageHelper分页插件

SpringBoot之整合PageHelper分页插件 文章目录 SpringBoot之整合PageHelper分页插件1. 引入坐标2. application.yml配置3. 基本使用4. 对多个查询执行分页1. 默认第一个Select语句会执行分页2. 让Pagehelper也能执行多个分页的方法3. 完整案例 详细配置请查看官网或MyBatis分页…...

编程日记 2024/2/10 10:30:29

Android java基础_类的封装

一.面向对象编程的引入 写一个简单的程序输出张三&#xff0c;李四的名字 class Person {String name;String getName() {return "guangdong "name;} };public class Oop {public static void main(String args[]) {Person p1 new Person();p1.name "zhangs…...

编程日记 2024/2/10 10:29:28

Vue-57、Vue技术路由的参数如何传递

query参数传递 1、传递参数 <!-- 跳转路由并携带query参数&#xff0c;to的字符串写法--> <router-link :to"/home/message/detail?id${p.id}&title${p.title}"> {{p.title}} </router-link><!-- 跳转路由…...

编程日记 2024/2/10 10:28:26

《MySQL 简易速速上手小册》第1章：MySQL 基础和安装（2024 最新版）

文章目录 1.1 MySQL 概览&#xff1a;版本、特性和生态系统1.1.1 基础知识1.1.2 重点案例&#xff1a;使用 Python 实现 MySQL 数据的 CRUD 操作1.1.3 拓展案例 1&#xff1a;使用 Python 实现 MySQL 数据备份**1.1.4 拓展案例 2&#xff1a;使用 Python 分析 MySQL 数据 1.2 安…...

编程日记 2024/2/10 10:24:22

Linux 软件管理(YUM RPM）

1 YUM yum&#xff08;全称为 Yellow dog Updater, Modified&#xff09;是一个在Fedora和RedHat以及CentOS中的Shell前端软件包管理器。基于RPM包管理&#xff0c;能够从指定的服务器自动处理依赖性关系&#xff0c;并且一次安装所有依赖的软件包&#xff0c;无须繁琐地一次次…...

编程日记 2024/2/10 10:22:19

【Makefile语法 05】动静态库编译链接

目录 一、多文件项目源代码 二、静态库编译链接 三、动态库编译链接 一、多文件项目源代码 // include/add.hpp#pragma once int add(int a, int b); // include/sub.hpp#pragma once int sub(int a, int b); // src/add.cpp#include "add.hpp"int add(int a, …...

编程日记 2024/2/10 10:21:18

JS - 处理元素滚动

业务功能中时常有元素滚动的功能&#xff0c;现在就总结一下一些常用的事件。 一、定位滚动元素 做一切滚动操作之前都应该先定位到滚动元素&#xff0c;再做其他操作&#xff0c;如滚动顶部&#xff0c;获取滚动距离、禁止滚动等。 把以下代码复制粘贴到浏览器 Console 面板…...

编程日记 2024/2/10 10:17:13

JavaScript滚动事件

&#x1f9d1;‍&#x1f393; 个人主页&#xff1a;《爱蹦跶的大A阿》 &#x1f525;当前正在更新专栏&#xff1a;《VUE》 、《JavaScript保姆级教程》、《krpano》、《krpano中文文档》 ​ ​ ✨ 前言 滚动是网页交互不可或缺的一部分。监听页面和元素的滚动事件,可以帮助…...

编程日记 2024/2/10 10:16:12

4.0 Zookeeper Java 客户端搭建

本教程使用的 IDE 为 IntelliJ IDEA&#xff0c;创建一个 maven 工程&#xff0c;命名为 zookeeper-demo&#xff0c;并且引入如下依赖&#xff0c;可以自行在maven中央仓库选择合适的版本&#xff0c;介绍原生 API 和 Curator 两种方式。 IntelliJ IDEA 相关介绍&#xff1a;…...

编程日记 2024/2/10 10:15:11

C#既然数组长度不可改变，那么如何动态调整集合类型数组大小，以便添加或删除元素？

目录 1.使用动态数组&#xff08;ArrayList&#xff09;&#xff1a; 2.使用 jagged array&#xff08;不规则数组&#xff09;&#xff1a; 3.使用 List &#xff1a; 4.使用数组复制&#xff1a; 在C#中&#xff0c;数组的长度是固定的&#xff0c;一旦声明和初始化&…...

编程日记 2024/2/10 10:14:10

Python3.8环境配置全攻略：从零开始搭建你的第一个项目

Python3.8环境配置全攻略&#xff1a;从零开始搭建你的第一个项目 1. 为什么选择Python3.8环境 Python3.8作为Python3系列的一个重要版本&#xff0c;引入了多项新特性&#xff0c;包括海象运算符(:)、位置参数限定符(/)等语法改进&#xff0c;同时在性能上也有显著提升。对于…...

编程新知 2026/3/30 7:53:08

Qwen2.5-32B-Instruct开发指南：vscode安装与插件配置

Qwen2.5-32B-Instruct开发指南&#xff1a;vscode安装与插件配置 1. 引言 如果你正准备开始使用Qwen2.5-32B-Instruct这个强大的AI模型进行开发&#xff0c;那么一个高效的编程环境就是你的第一站。作为阿里云推出的320亿参数指令微调模型&#xff0c;Qwen2.5-32B-Instruct在…...

编程新知 2026/3/30 7:39:06

Arctic高性能数据存储：金融时间序列数据库的完整指南

Arctic高性能数据存储&#xff1a;金融时间序列数据库的完整指南 【免费下载链接】arctic High performance datastore for time series and tick data 项目地址: https://gitcode.com/gh_mirrors/ar/arctic Arctic是一个专为金融时间序列和 tick 数据设计的高性能数据…...

编程新知 2026/3/30 7:37:05

让幻想更真实：Kook Zimage真实幻想Turbo负面提示词使用指南

让幻想更真实&#xff1a;Kook Zimage真实幻想Turbo负面提示词使用指南 1. 为什么负面提示词如此重要 在AI图像生成领域&#xff0c;我们常常把注意力放在如何写好正面提示词上&#xff0c;却忽略了负面提示词的重要性。负面提示词就像一位隐形的编辑&#xff0c;默默剔除那些…...

编程新知 2026/3/30 6:54:55

OpenClaw多通道管理：百川2-13B-4bits量化模型同时接入飞书与钉钉

OpenClaw多通道管理&#xff1a;百川2-13B-4bits量化模型同时接入飞书与钉钉 1. 为什么需要多通道管理&#xff1f; 上个月我遇到一个尴尬场景&#xff1a;团队部分成员用飞书沟通&#xff0c;另一部分用钉钉。当我尝试用OpenClaw搭建自动化助手时&#xff0c;不得不在两个平…...

编程新知 2026/3/30 4:19:28

STM32F103R6数码管时钟实战：从Proteus仿真到按键调校全流程（附源码）

STM32F103R6数码管时钟实战&#xff1a;从Proteus仿真到按键调校全流程&#xff08;附源码&#xff09; 在嵌入式系统开发中&#xff0c;数码管显示是最基础也最实用的输出方式之一。本文将带您从零开始&#xff0c;基于STM32F103R6微控制器&#xff0c;构建一个完整的六位数码…...

编程新知 2026/3/30 4:01:21

终极指南：LitmusChaos从混沌测试到智能韧性工程的完整演进路径

终极指南&#xff1a;LitmusChaos从混沌测试到智能韧性工程的完整演进路径 【免费下载链接】litmus 一个用于Kubernetes的云原生Chaos Engineering框架&#xff0c;用于测试系统的健壮性和弹性。 - 功能&#xff1a;Chaos Engineering&#xff1b;系统测试&#xff1b;Kubernet…...

编程新知 2026/3/30 3:39:05

OpenClaw镜像体验方案：星图平台GLM-4.7-Flash沙盒环境快速验证

OpenClaw镜像体验方案&#xff1a;星图平台GLM-4.7-Flash沙盒环境快速验证 1. 为什么选择云端沙盒验证OpenClaw 去年冬天&#xff0c;当我第一次尝试在本地MacBook上部署OpenClaw时&#xff0c;整整浪费了一个周末的时间。从Node.js版本冲突到Python依赖缺失&#xff0c;再到…...

编程新知 2026/3/30 2:32:34

i.MX6ULL开发板无线SSH环境搭建指南

嵌入式开发板远程登录环境搭建指南1. 项目概述本技术文档详细记录了在基于i.MX6ULL处理器的嵌入式Linux开发板上搭建完整远程登录环境的实现方案。该方案包含三个核心组件&#xff1a;WiFi网络驱动移植、无线网络配置工具移植以及SSH服务部署。2. 硬件环境搭建2.1 WiFi模块选型…...

编程新知 2026/3/30 1:03:47

Spring AI MCP实战避坑指南：从部署到调试的常见问题解析

1. Spring AI MCP部署前的环境准备 第一次接触Spring AI MCP时&#xff0c;我像大多数开发者一样直接跳过了环境检查环节&#xff0c;结果在后续部署过程中踩了不少坑。这里分享几个必须提前确认的关键点&#xff1a; 操作系统兼容性是首要考虑因素。虽然Spring AI MCP理论上支…...

编程新知 2026/3/30 0:47:45