项目vue3 vue
vue绘制思维导图
## 前言 在做web的思维导图功能时，搜索了一些开源项目，在这里整理记录一下 ## 正文 ### vue-power-tree > **vue3** > github: [https://github.com/yj-liuzepeng/vue-power-tree](https://github. ......
大公司为什么禁止在 Spring Boot 项目中使用 Tomcat？
来源：toutiao.com/a6775476659416990212 ## **前言** 在SpringBoot框架中，我们使用最多的是Tomcat，这是SpringBoot默认的容器技术，而且是内嵌式的Tomcat。 同时，SpringBoot也支持Undertow容器，我们可以很方便的用Und ......
Vue项目常见问题处理
开发环境推荐使用node 14版本，可以尽可能的减少版本兼容导致的问题。 安装依赖包报错 大部分安装依赖包错误是编译环境不完整引起的（例如：gyp相关错误），请确保编译环境安装完整（以管理员身份运行cmd）： npm install --global --production --verbose w ......
Vue+springboot集成PageOffice实现在线编辑Word、excel文档
# 说明： PageOffice是一款在线的office编辑软件，帮助Web应用系统或Web网站实现用户在线编辑Word、Excel、PowerPoint文档。可以完美实现在线公文流转，领导批阅，盖章。可以给文件添加水印，在线安全预览防止用户下载和复制文件等 # 一、环境要求 前端Vue项目：Nod ......
Idea SpringBoot 项目启动时提示程序包不存在和找不到符号
从git上克隆了一个SpringBoot项目，并且使用Maven编译也通过了，奇怪的是当Build Project时却提示符号不存在 。如下图: 先查看导入的类是否存在，如果不存在的话，那查看一下是否缺少了maven依赖。我这边是可以访问到类的，并且jar包也导入成功了。 也尝试了网上的解决方法，设 ......
详解vue中多个有顺序要求的异步操作处理
本文讲解如何在 Vue.js 应用中处理多个具有顺序要求的异步操作。可能的场景包括：一个 Ajax 请求需要得到一个 token 并在其成功返回后才能进行；多个 Ajax 请求需要按特定顺序进行。对于这种情况，我们可以使用 Promise、async/await、发布订阅模式等技术手段来处理。 Pr ......
2-Vue核心技术
# 1. 模板语法 ## 1.1 模板语法之插值语法  > 主要研究：{{这里可以写什么}} 1. 在 data 中 ......
【Vue】vue获取dom元素
vue中准确的拿到那个元素用ref,ref是绑定给子组件 <普通元素也可以绑定ref> ref如果是绑定在组件中的，那么通过 this.$refs.ref 的name获取到的是一个组件对象ref如果是绑定在普通的元素中的，那么通过 this.$refs.ref 的name获取到的是一个元素对象 ht ......
Visual Studio新建项目配置好opencv环境，下次打开这个项目后属性管理器显示未加载visual C++项目
配置opencv环境，可参考这篇博客：(82条消息) opencv 之 visual studio 开发环境配置(属性管理器+环境变量 一劳永逸方便开发的配置方式)_opencv官网下载_仙魁XAN的博客-CSDN博客 如出现打开这个项目后属性管理器显示未加载visual C++项目，可参考如下方法 ......
vue-element-admin改为从后台拿动态指令权限（按钮）- 下
改为从后台拿动态指令权限，大概如下步骤： 1、后台修改接口返回 指令权限 数据 2、修改 src/store/modules/permission.js 修改 generateRoutes，添加保存 指令权限 3、修改验证指令去权限方法（checkPermission: src/utils/perm ......
关于vue3使用setup语法糖获取不到组件实例内部的变量
// 子组件 <template> <div>{{count}}</div> <template <script setup> import { ref } from 'vue' const count = ref(0) </script> // 父组件 <template> <div> <Chil ......
vue生成二维码以及获取当前的地址url
<template> <div class="hello"> <h2>二维码</h2> <canvas ref="qrCodeCanvas"></canvas> <div>{{url}}</div> </div> </template> <script> import QRCode from 'qr ......
Tita 升级｜总结支持导入项目
升级详情 Tita - OKR和新绩效一体化管理平台 一、 【总结模板】新增「项目进展」组件 管理可在总结模板中配置「项目进展」组件，可自定义组件名称与导入条件 二、 【写总结】模板配置项目组件后，支持项目导入与更新 写总结时使用的模板包含「项目进展」组件时，点击开启「工作项目」后，支持导入项目，并 ......
58.请使用vue3+vite+typescript+element-plus+setup语法糖，使用xlsx和file-saver实现保存excel功能。我的el-table表有分页数据。导出的excel中要包含所有分页中的数据
1 <template> 2 <div> 3 <el-table 4 :data="mergedTableData" 5 border 6 stripe 7 > 8 <!-- 表头 --> 9 <el-table-column 10 prop="date" 11 label="Date" 12 >< ......
html5页面中使用vue组件DEMO
资源下载 npm http-vue-loader：https://www.npmjs.com/package/http-vue-loader http-vue-loader.js下载 普通html5使用vue组件 1、页面引入相关JS文件 2、创建 components组件 3、主页面创建vue实例 ......
Vue利用element ui分栏，并将threejs插入到main
[TOC] Vue利用element ui分栏，并将threejs插入到main(主要内容区) #### 1.在node.js官网下载 ![image-20230720094531636](https://img2023.cnblogs.com/blog/3233988/202307/3233988 ......
vue 学习 day4
VUE 相关的指令： v-html 插入原始的 html const raw_html = "<h1>Hello world</h1> <p v-html="raw_html"></p> <!-- 标签不能再有孩子节点， 有的话会报错 --> v-bind 缩写是 ":" 绑定属性值 demo co ......
Vue3加载Element-plus的字体图标
Element-plus不仅仅是提供了各种组件，同时还提供了一整套的字体图标方便开发者使用 安装icons字体图标 cnpm install @element-plus/icons-vue 全局注册 在项目根src目录下，创建plugins文件夹，在文件夹下创建文件icons.js文件 import ......
项目启动时报：Method breakpoints may dramatically slow down debugging
####一、问题故障 ==Method breakpoints may dramatically slow down debugging.== 翻译：方法断点可能会大大降低调试速度。 ![](https://img2023.cnblogs.com/blog/2203459/202307/220345 ......
vue实现icon刷新动画
实现点击icon图标，旋转一周 通过ElementUI实现刷新动画 <i :class="[refresh_flag? 'el-icon-refresh refreshIcon' : 'el-icon-refresh']" @click="refreshClick"></i> refreshClic ......
前端Vue自定义开屏启动广告组件，点击广告图跳转广告详情
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
vue-day32-- VueComponet构造函数
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>VueCo ......
vue--day31---组件的嵌套
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>组件的嵌套 ......
Docker大会的新福利：LinuxKit 和 Moby 开源项目
在一年一度的DockerCon大会上，来自全球各地的 5000 名参与者，济济一堂，于奥斯丁会议中心，共同见证 Docker 的发展，探讨容器技术的落地。 Docker创办人暨技术长Solomon Hykes认为，今年容器将成为主流，将散布伺服器、资料中心、云端、桌面、IoT与行动等运算装置，或金融 ......
Docker大会的新福利：LinuxKit 和 Moby 开源项目
在一年一度的DockerCon大会上，来自全球各地的 5000 名参与者，济济一堂，于奥斯丁会议中心，共同见证 Docker 的发展，探讨容器技术的落地。 Docker创办人暨技术长Solomon Hykes认为，今年容器将成为主流，将散布伺服器、资料中心、云端、桌面、IoT与行动等运算装置，或金融 ......
Docker大会的新福利：LinuxKit 和 Moby 开源项目
在一年一度的DockerCon大会上，来自全球各地的 5000 名参与者，济济一堂，于奥斯丁会议中心，共同见证 Docker 的发展，探讨容器技术的落地。 Docker创办人暨技术长Solomon Hykes认为，今年容器将成为主流，将散布伺服器、资料中心、云端、桌面、IoT与行动等运算装置，或金融 ......
vue-day30--vue组件的几个注意点
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>组件的几个 ......
Vue 3起手式：createApp 函数
Vue 3 真有意思。 用 Vue 3 做了几个简单的 Web 页面了，本文 展示其 createApp 函数 的一些使用。 createApp 函数官文：https://cn.vuejs.org/api/application.html function createApp(rootCompone ......
【开源项目】智慧化工厂~经典开源项目数字孪生智慧化工厂——开源工程及源码
大型化工厂工程与源码免费赠送！沈阳某厂，智慧加速，限时独享！ 项目介绍 智慧化工厂项目：沈阳某大型化工厂引入智慧化工厂方案，实现全面升级，提高生产效率。 数字孪生技术应用：利用数字孪生技术，充分整合数据与场景，完整克隆出化工厂的三维场景，为工厂管理提供全方位支持。 功能分析 人员定位 可视化人员管理 ......
基于Avalonia 11.0.0+ReactiveUI 的跨平台项目开发2-功能开发
# 基于Avalonia 11.0.0+ReactiveUI 的跨平台项目开发2-功能开发  **项目简介**：目 ......