vue3的el-tree的default-checked-keys无法勾选的问题解决
前言:有些树形控件是需要默认勾选的 但是请求后渲染不显示 刷新外部的key值也没有用
看了一下文档 我们使用自带的方法来解决

<el-treenode-key="id":data="state.parentMenuList":default-checked-keys="state.checkIdList":check-on-click-node="true"lazyshow-checkboxref="treeRef"@check-change="handleCheckChange"/>
import { onMounted, reactive, nextTick, ref, unref } from 'vue'
const treeRef = ref()
//请求接口后 调用这个方法
nextTick(() => {unref(treeRef).setCheckedKeys(state.checkIdList)
})

成功了
相关文章:
vue3的el-tree的default-checked-keys无法勾选的问题解决
前言:有些树形控件是需要默认勾选的 但是请求后渲染不显示 刷新外部的key值也没有用 看了一下文档 我们使用自带的方法来解决 <el-treenode-key"id":data"state.parentMenuList":default-checked-keys"state.checkIdList":check-on-click-n…...
class 5: vue.js 3 v-model和表单输入
v-model是Vue.js 3中用于实现双向绑定的重要指令,双向绑定就是对于数据的修改会映射回UI组件上,同时对于UI组件上数据的变更也会映射回底层数据当中,v-model会根据控件的类型自动选取正确的方法来更新元素v-model底层实现的原理实际上是v-bin…...
了解一下HTTP 与 HTTPS 的区别
介绍: HTTP是超文本传输协议。规定了客户端(通常是浏览器)和服务器之间如何传输超文本,也就是包含链接的文本。通常使用TCP【1】/IP协议来传输数据,默认端口为80。 HTTPS是超文本传输安全协议,具有CA证书。…...
Opencv中的直方图(1)计算反向投影直方图函数calcBackProject()的使用
操作系统:ubuntu22.04 OpenCV版本:OpenCV4.9 IDE:Visual Studio Code 编程语言:C11 算法描述 计算直方图的反向投影。 cv::calcBackProject 函数计算直方图的反向投影。也就是说,类似于 calcHist,在每个位置 (x, y)…...
VUE3项目的几种创建方式
文章目录 1.使用 Vue CLI (Vue Command Line Interface):2.使用 Create Vue App:3.使用 Vite:4.使用图形用户界面 (GUI):5.纯手工搭建6.基于模板创建: 1.使用 Vue CLI (Vue Command Line Interface): Vue CLI 是官方推荐的方式来快速搭建 Vue 项目的基础结构。命令:…...
VBA进行excel坐标转换
在Excel里利用坐标绘图时,可以比较容易想到采用数据透视表,但是数据透视表生成的图不可更改,因此本案例采用VBA进行坐标变换而不改变原始值来转换图像,即实现图像的左右翻转和上下翻转,如下图所示,选择map的…...
使用pytorch深度学习框架搭建神经网络
简介 现在主流有两个框架pytorch和TensorFlow,本文主要介绍pytorch PyTorch:由 Facebook 的人工智能研究小组开发和维护。PyTorch 以其动态计算图(Dynamic Computational Graph)和易用性著称,非常适合研究人员和开发者进行实验和…...
Hive数据库与表操作全指南
目录 Hive数据库操作详解 创建数据库 1)语法 2)案例 查询数据库 1)展示所有数据库 (1)语法 (2)案例 2)查看数据库信息 (1)语法 (2&#…...
UniaApp引入Iconfont
一、下载图标资源 登录到阿里巴巴矢量图标库(iconfont)官网(https://www.iconfont.cn/)。找到你需要的图标并添加到购物车,然后点击购物车图标进入到管理界面,选择 “下载代码”。在下载选项中选择 “Font…...
面试题:软件测试缺陷产生的原因有哪些?
软件缺陷产生的原因多种多样,一般可能有以下几种原因: 1.需求表述、理解、编写引起的错误。 2.系统架构设计引起的错误。 3.开发过程缺乏有效的沟通及监督,甚至没有沟通或监督。 4.程序员编程中产生的错误。 5.软件开发工具本身隐藏的问…...
RabbitMQ 04 集群
01...
axure9勾选多个删除,弹框显示多个中继器编号
文本框 情形是删除逗号 文本框内插入数据...
Git 使用指南 --- 版本管理
序言 Git 是一个开源的 分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。对一个程序员来说,掌握 Git 的使用是必要的。 在这个系列中,将详细的介绍 Git 的使用和原理,话不多说,让我们开始吧。…...
C#进阶-ASP.NET实现可以缩放和旋转的图片预览页
本文详细介绍了如何在ASP.NET WebForms中实现一个功能丰富的图片预览页面。通过结合HTML、CSS和JavaScript,用户可以方便地对图片进行放大、缩小以及旋转操作。文章从页面的基本布局开始,逐步讲解了如何设置图片展示区、添加控制按钮、编写CSS样式以及实…...
【小程序 - 大智慧】深入微信小程序的核心原理
目录 课程目标背景双线程架构WebView 结构快速渲染 PageFrame编译原理Exparser通讯系统生命周期基础库解包跨端框架预编译半编译半运行运行时框架 主流技术Tarouni-app汇总 下周安排 课程目标 本次课程主要通过后台管理小程序回顾一下小程序的高阶语法,然后讲解整体…...
Qt 去掉QDialog对话框的问号
QT 对话框的问号是什么? QDialog默认的window flag中包含了Qt::WindowContextHelpButtonHint,这个flag意思是在窗口上提供“上下文帮助”按钮 使用方式/调用方式 void QWidget::setWhatsThis(const QString &)比如: ui->lineEdit_1->setWh…...
负载均衡 Ribbon 与 Fegin 远程调用原理
文章目录 一、什么是负载均衡二、Ribbon 负载均衡2.1 Ribbon 使用2.2 Ribbon 实现原理 (★)2.3 Ribbon 负载均衡算法 三、Feign 远程调用3.1 Feign 简述3.2 Feign 的集成3.3 Feign 实现原理 (★) 一、什么是负载均衡 《服务治理:Nacos 注册中心》 末尾提到了负载均…...
c/c++:CMakeLists.txt中添加编译/连接选项使用内存错误检测工具Address Sanitizer(ASan)
Address Sanitizer(ASan)是一个快速的内存错误检测工具。从gcc 4.8开始,AddressSanitizer成为gcc的一部分。 既然是gcc内置的内存检查工具,用起来比第三方的库更方便些。只要指定相应的编译链接参数就可以实现内存泄露检查了,如下是是cmake脚…...
armbian cups 远程打印机 1022
使用 CUPS Web 浏览器界面设置和管理打印机 - Oracle Solaris 管理:常见任务 N1刷armbian变身打印服务器,支持全平台无线打印PC扫描_存储设备_什么值得买 (smzdm.com) 第 6 章 使用 Web 界面向 CUPS 添加打印机 | Red Hat Product Documentation apt…...
three.js使用3DTilesRendererJS加载3d tiles数据
原生的 three.js 目前不支持 3d tiles 数据的加载,不过开源社区已经给出了一些解决方案,其中最活跃的要属 3DTilesRendererJS。它为 three.js 提供了加载和调度 3d tiles 数据的基本能力,虽说和 Cesium.js 对 3d tiles 的支持相比还有很大的差…...
喜马拉雅音频批量下载工具:Go+Qt5跨平台架构解析与高效离线管理方案
喜马拉雅音频批量下载工具:GoQt5跨平台架构解析与高效离线管理方案 【免费下载链接】xmly-downloader-qt5 喜马拉雅FM专辑下载器. 支持VIP与付费专辑. 使用GoQt5编写(Not Qt Binding). 项目地址: https://gitcode.com/gh_mirrors/xm/xmly-downloader-qt5 在数…...
终极指南:如何用IPXWrapper在Windows 11上复活经典游戏局域网联机
终极指南:如何用IPXWrapper在Windows 11上复活经典游戏局域网联机 【免费下载链接】ipxwrapper 项目地址: https://gitcode.com/gh_mirrors/ip/ipxwrapper 还记得那些经典的《星际争霸》、《魔兽争霸2》、《暗黑破坏神》局域网对战时光吗?这些承…...
通义实验室正式开源 Mobile-Agent v3.5 及新一代多平台 GUI Agent 基座模型 GUI-Owl-1.5
做过自动化的人都知道,最让人抓狂的不是功能实现不了,而是流程跑到一半突然卡住——界面变了、元素找不到、验证码弹出来……GUI Agent 在实验室里跑得再顺,一到真实环境就各种翻车。通义实验室这次发布的 Mobile-Agent v3.5,瞄准…...
一口气读懂 PCA 主成分分析:从原理到代码,本科生/研究生都能彻底学会
一口气读懂 PCA 主成分分析:从原理到代码,本科生/研究生都能彻底学会 大家好,今天我们用最通俗、最详细、最不绕弯子的方式,把 PCA(主成分分析) 讲明白。 不管你是刚接触机器学习的本科生,还是做…...
ComfyUI V6与Wan2.2 Animate整合包实战:AIStarter助力零门槛动作迁移创作
1. 为什么你需要ComfyUI V6与Wan2.2 Animate整合包 如果你正在寻找一种简单高效的方式来实现人物动作迁移和角色替换,那么ComfyUI V6与Wan2.2 Animate整合包绝对是你的不二之选。这个组合最大的优势在于,它让原本需要专业编程知识才能实现的技术…...
不锈钢反应釜选型指南:模块化设计如何提升设备利用率
在化工、制药和精细化学品生产领域,不锈钢反应釜是工艺装备。然而,许多企业在采购和使用过程中面临着设备利用率低、温控精度不足、清洗困难等痛点。如何选择一台既能满足工艺需求,又能提高投资回报的反应釜?本文将从行业需求出发…...
Creo混合与扫描混合实战:从基础到高级建模技巧
1. Creo混合与扫描混合功能入门指南 第一次打开Creo的混合功能时,我完全被那些参数搞懵了。后来才发现,这个看似复杂的功能其实就像搭积木一样简单。混合建模的核心思想就是把不同形状的截面按照特定规则连接起来,形成三维实体。比如你想做个…...
从标注到训练:手把手教你用Labelme制作YOLOv8-Pose可用的关键点数据集
从标注到训练:手把手教你用Labelme制作YOLOv8-Pose可用的关键点数据集 在计算机视觉领域,关键点检测技术正逐渐成为研究热点。无论是人体姿态估计、面部表情识别还是工业质检中的零件定位,准确的关键点检测都是实现这些应用的基础。然而&…...
CSS如何实现阴影效果_使用box-shadow不占用盒模型空间
box-shadow 不会撑开容器因其仅属绘制层视觉效果,不参与盒模型计算,不影响宽高与布局流;多层阴影用逗号分隔,后写者在上;高DPR下模糊变粗是抗锯齿所致;drop-shadow基于Alpha通道,适配形状而box-…...
为什么又来学习C语言?
我是一名来自民办二本院校的大三学生,早在大一上时学校就安排了C语言的课程,但是当时我很是浮躁,心不在学习,甚至想着回去复读,所以并没有吸纳多少C语言的知识。现在大三,有了考研想法,想重拾C语…...
