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

elementui tree 支持虚拟滚动和treeLine （下）

news 2025/10/27 8:53:19

​

由于我之前没有发布过npm 包，这里还得现学一下。

参考资料：

  • 链接: 如何写一个vue组件发布到npm，包教包会，保姆级教学
  • 链接: vue组件发布npm最佳实践

按照上面的步骤，我通过 vue-sfc-rollup 生成了项目，并且在发布到了npm 上 (最后使用失败了)

在这里插入图片描述

但是！！

问题不断…

问题一：忘记写README.md 导致说明页一片空白

在这里插入图片描述

问题二：忘记执行 npm run build ，导致引入包的时候提示错误

原来你就是不打包，它也可以发布成功啊，T_T

在这里插入图片描述

问题三：执行npm run build 时候，提示错误

我这里出现的是以下错误，看样子似乎和vue-easy-tree 依赖的 vue-virtual-scroller 组件有关

在这里插入图片描述
试了好多种方案，还是解决不了。

没办法还是用老办法，用webpack 的方式构建。

这里人家 vue-easy-tree 已经写好了，我们拿来用就好了。

最后

npm发布，自己引入运行后，但是还是出现了 问题二 的cant resolve 问题。

去npm 上查看，发现提交的内容和自己本地的不一致

在这里插入图片描述
我这里是因为 package.json 里添加了file 字段，摒弃了提交内容。

调整 package.json 后再发布，发现就可以了

相关文章：

elementui tree 支持虚拟滚动和treeLine （下）

​ 由于我之前没有发布过npm 包，这里还得现学一下。 参考资料： 链接: 如何写一个vue组件发布到npm，包教包会，保姆级教学链接: vue组件发布npm最佳实践 按照上面的步骤，我通过 vue-sfc-rollup 生成了项目，…...

编程日记 2023/6/9 23:51:47

富人父母都教给孩子什么样的财富思维？

1.认清金钱的价值和作用，不要否认或忽视它对生活的影响。 2.提高社交能力，学会与不同的人沟通和合作，扩大人脉和资源。 3.理性消费，让钱在流动中产生效益，而不是囤积或浪费。 4.释放自己的欲望，追求自己想要…...

编程日记 2023/6/9 23:46:46

国内比较火的报表工具测评——Smartbi电子表格软件和Finereport

最近在学习BI软件，因为最近工作中需要开发报表，因此选用了国内市场比较热门的报表工具——Finereport和Spreadsheet进行学习。 BI软件经常会定期发布新的版本，增加新的功能模块，或者对现有功能进行增强，提升运行效率。…...

编程日记 2023/6/9 23:41:45

变电所运维云平台在电力系统中的应用

安科瑞虞佳豪 变电所运维云平台可以看做是电力监控系统的网络应用延伸，变电所运维云平台通过互联网，电力运维人员通过手机可以随时随地了解工厂配电系统的运行情况，做到无人值守或者少人值守，同时可以监测用能状况、漏电、线缆异…...

编程日记 2023/6/9 23:36:44

【51单片机】AT24C20数据帧（I2C总线）

🎊专栏【51单片机】 🍔喜欢的诗句：更喜岷山千里雪 三军过后尽开颜。 🎆音乐分享【Love Story】 🥰大一同学小吉，欢迎并且感谢大家指出我的问题🥰 小吉先向大家道个歉，因为最近在期末…...

编程日记 2023/6/9 23:31:42

Python内置函数isinstance()函数介绍

Python内置函数isinstance()函数介绍 isinstance() 函数是Python内置函数，来判断一个对象是否是一个已知的类型，返回值为布尔值True或False。其语法格式： isinstance(object, classinfo) 【官方说法https://docs.python.org/zh-cn/3/librar…...

编程日记 2023/6/9 23:26:41

QxRibbon 知：搭建 CMake 构建环境

文章目录 前言安装 cmake问题处理qtcreator 检测 CMake 异常 参考资料 前言 高版本的 QtCreator 已经集成了 cmake 工具，并支持以 CMakelists.txt 文件作为工程开发项目。 https://www.qt.io/blog/2019/07/30/update-on-cmake-project-support-in-qt-creator 安装…...

编程日记 2023/6/9 23:21:40

Spring框架-面试题核心概念

目录 1.Spring框架的作用是什么？ 2. 什么是DI？ 3.什么是AOP？ 4.Spring常用注解 5.Spring中的设计模式 6.Spring支持的几种bean的作用域 7.Spring中Bean的生命周期？ 8.Spring中的事务管理 9.Spring中的依赖注入方式有几种 10.Sprin…...

编程日记 2023/6/9 23:16:39

Tomcat部署及优化

Tomcat部署及优化 一、Tomcat的介绍1.Tomcat核心组件2.Tomcat 功能组件结构3.Container 结构分析：4.Tomcat处理请求过程 二、Tomcat 部署步骤1.关闭防火墙，将安装 Tomcat 所需软件包传到/opt目录下2.安装JDK3.设置JDK环境变量4.编写一个java 简易的源代码…...

编程日记 2023/6/9 23:11:38

C++/C按照时间命名保存bin文件

背景 在Linux应用编程过程中，使用C或者C语言保存、读取bin文件是比较常见的需求。这里详细记录一下使用C保存bin文件，也可以使用C语言实现。 代码 C/C语言保存bin文件函数，C中也能使用 正确写入返回0，错误返回-1 // C 保存bi…...

编程日记 2023/6/9 23:06:37

面向多告警源，如何构建统一告警管理体系？

本文介绍告警统一管理的最佳实践，以帮助企业更好地处理异构监控系统所带来的挑战和问题。 背景信息 在云原生时代，企业IT基础设施的规模越来越大，越来越多的系统和服务被部署在云环境中。为了监控这些复杂的IT环境，企业通常会选…...

编程日记 2023/6/9 23:01:36

python 面向对象 -- 简单理解版

一、什么是面向对象 Python从设计之初就已经是一门面向对象的语言，正因为如此，在Python中创建一个类和对象是很容易的。除了Python，Java也是一门面向对象的编程语言。 先来简单的了解下面向对象的一些基本特征。 类(Class): 用来描述具有相…...

编程日记 2023/6/9 22:56:35

SpringMVC 程序开发

✏️作者：银河罐头 📋系列专栏：JavaEE 🌲“种一棵树最好的时间是十年前，其次是现在” 目录 什么是 Spring MVCMVC 定义 怎么学 Spring MVCSpring MVC 创建和连接创建 Spring MVC 项目RequestMapping 注解介绍PostMappi…...

编程日记 2023/6/9 22:51:34

使用单片机遇到的几个问题及解决方案1

1.为什么我跟着视频学习的过程中，我没有找到“端口"的选项呢？我甚至没有出现“其他插口”。 想要找到设备管理器最快的方法就是： 首先如果把输入法调为大写形式，然后按下“WINX”，再按“M”就会出现一个设备管理…...

编程日记 2023/6/9 22:46:33

vue项目中el-upload 组件添加token的方法

在使用el-upload的时候&#xff0c;上传文件到服务器&#xff0c;有时候后台要求上传token&#xff0c;怎么处理呢&#xff1f;以下是一个示例。 效果图 template中片段 <el-dialog :modal-append-to-body"false" title"上传文件" :visible.sync"…...

编程日记 2023/6/9 22:41:33

独立按键检测短按、长按，松手后响应操作

背景 有项目使用独立按键检测&#xff0c;短按、长按。根据使用效果&#xff0c;发现松手后&#xff0c;也就是按键弹起后响应操作比较好操作。 记得之前&#xff0c;博主写过一篇关于按键的检测的文章&#xff0c;但是过于复杂了。可能很难懂&#xff0c;这里就简单一点&…...

编程日记 2023/6/9 22:36:32

BurpSuite2023测试越权漏洞

BurpSuite2023测试越权漏洞 BurpSuite安装创建项目 - 打开内置浏览器越权漏洞测试问题处理 BurpSuite安装 官网下载社区版并安装&#xff0c;下载地址&#xff1a;链接: https://portswigger.net/burp 安装成功后图标 创建项目 - 打开内置浏览器 打开BurpSuite&#xff0c…...

编程日记 2023/6/9 22:31:31

申请国家标准项目管理专业人员能力评级（CSPM）报名条件有哪些？

2021年10月&#xff0c;中共中央、国务院发布的《国家标准化发展纲要》明确提出构建多层次从业人员培养培训体系&#xff0c;开展专业人才培养培训和国家质量基础设施综合教育。建立健全人才的职业能力评价和激励机制。由中国标准化协会&#xff08;CAS&#xff09;组织开展的项…...

编程日记 2023/6/9 22:26:30

代码随想录算法训练营第五十二天|300.最长递增子序列|674. 最长连续递增序列|718. 最长重复子数组

LeetCode300.最长递增子序列 动态规划五部曲&#xff1a; 1&#xff0c;dp[i]的定义&#xff1a;本题中&#xff0c;正确定义dp数组的含义十分重要。dp[i]表示i之前包括i的以nums[i]结尾的最长递增子序列的长度。为什么一定表示 “以nums[i]结尾的最长递增子序” &#xff0c…...

编程日记 2023/6/9 22:21:29

完全卸载mysql教程

引言 很多人因为第一次安装mysql导致安装错误&#xff0c;或者安装的数据库版本太高&#xff0c;比如mysql8.0版本&#xff0c;出现了很多问题&#xff0c;导致数据库无法使用&#xff0c;或者一些图形界面无法操作&#xff0c;想要卸载&#xff0c;重装稳定的mysql数据库&…...

编程日记 2023/6/9 22:16:28

云计算——弹性云计算器（ECS）

弹性云服务器&#xff1a;ECS 概述 云计算重构了ICT系统&#xff0c;云计算平台厂商推出使得厂家能够主要关注应用管理而非平台管理的云平台&#xff0c;包含如下主要概念。 ECS&#xff08;Elastic Cloud Server&#xff09;&#xff1a;即弹性云服务器&#xff0c;是云计算…...

编程新知 2025/8/16 21:50:27

使用van-uploader 的UI组件，结合vue2如何实现图片上传组件的封装

以下是基于 vant-ui&#xff08;适配 Vue2 版本 &#xff09;实现截图中照片上传预览、删除功能&#xff0c;并封装成可复用组件的完整代码&#xff0c;包含样式和逻辑实现&#xff0c;可直接在 Vue2 项目中使用&#xff1a; 1. 封装的图片上传组件 ImageUploader.vue <te…...

编程新知 2025/10/1 2:59:48

Caliper 配置文件解析：config.yaml

Caliper 是一个区块链性能基准测试工具，用于评估不同区块链平台的性能。下面我将详细解释你提供的 fisco-bcos.json 文件结构，并说明它与 config.yaml 文件的关系。 fisco-bcos.json 文件解析 这个文件是针对 FISCO-BCOS 区块链网络的 Caliper 配置文件，主要包含以下几个部…...

编程新知 2025/8/13 13:40:18

Redis数据倾斜问题解决

Redis 数据倾斜问题解析与解决方案 什么是 Redis 数据倾斜 Redis 数据倾斜指的是在 Redis 集群中&#xff0c;部分节点存储的数据量或访问量远高于其他节点&#xff0c;导致这些节点负载过高&#xff0c;影响整体性能。 数据倾斜的主要表现 部分节点内存使用率远高于其他节…...

编程新知 2025/10/25 6:24:16

关键领域软件测试的突围之路：如何破解安全与效率的平衡难题

在数字化浪潮席卷全球的今天&#xff0c;软件系统已成为国家关键领域的核心战斗力。不同于普通商业软件&#xff0c;这些承载着国家安全使命的软件系统面临着前所未有的质量挑战——如何在确保绝对安全的前提下&#xff0c;实现高效测试与快速迭代&#xff1f;这一命题正考验着…...

编程新知 2025/10/18 19:25:45

python报错No module named ‘tensorflow.keras‘

是由于不同版本的tensorflow下的keras所在的路径不同&#xff0c;结合所安装的tensorflow的目录结构修改from语句即可。 原语句&#xff1a; from tensorflow.keras.layers import Conv1D, MaxPooling1D, LSTM, Dense 修改后&#xff1a; from tensorflow.python.keras.lay…...

编程新知 2025/9/24 7:39:50

使用Matplotlib创建炫酷的3D散点图：数据可视化的新维度

文章目录 基础实现代码代码解析进阶技巧1. 自定义点的大小和颜色2. 添加图例和样式美化3. 真实数据应用示例实用技巧与注意事项完整示例（带样式）应用场景在数据科学和可视化领域，三维图形能为我们提供更丰富的数据洞察。本文将手把手教你如何使用Python的Matplotlib库创建引…...

编程新知 2025/10/4 3:01:43

浪潮交换机配置track检测实现高速公路收费网络主备切换NQA

浪潮交换机track配置 项目背景高速网络拓扑网络情况分析通信线路收费网络路由 收费汇聚交换机相应配置收费汇聚track配置 项目背景 在实施省内一条高速公路时遇到的需求&#xff0c;本次涉及的主要是收费汇聚交换机的配置&#xff0c;浪潮网络设备在高速项目很少&#xff0c;通…...

编程新知 2025/10/25 12:25:19

打手机检测算法AI智能分析网关V4守护公共/工业/医疗等多场景安全应用

一、方案背景​ 在现代生产与生活场景中&#xff0c;如工厂高危作业区、医院手术室、公共场景等&#xff0c;人员违规打手机的行为潜藏着巨大风险。传统依靠人工巡查的监管方式&#xff0c;存在效率低、覆盖面不足、判断主观性强等问题&#xff0c;难以满足对人员打手机行为精…...

编程新知 2025/9/28 3:42:12

怎么让Comfyui导出的图像不包含工作流信息，

为了数据安全&#xff0c;让Comfyui导出的图像不包含工作流信息&#xff0c;导出的图像就不会拖到comfyui中加载出来工作流。 ComfyUI的目录下node.py 直接移除 pnginfo&#xff08;推荐&#xff09;​​ 在 save_images 方法中&#xff0c;​​删除或注释掉所有与 metadata …...

编程新知 2025/8/13 15:12:54