效果echarts项目vue
vue下拉框选择后不显示值，选其他下拉框后才显示出来
vue下拉框选择后不显示值，选其他下拉框后才显示出来 vue也太坑了 解决方法：为该el-select添加change事件中使用$set来对属性赋值，如下: changeData(val) { this.$set(this.formData, this.formData.id, val.value) ......
TSINGSEE视频能力在交通运输可视化管理平台项目中的应用
平台能实现海量前端设备的轻量化接入/转码/分发、视频直播、云端录像、云存储、检索回看、智能告警、平台级联等，可在复杂的网络环境中，将分散的各类视频资源进行统一汇聚、整合、集中管理。 ......
vue全家桶进阶之路50：Vue3 环境变量+跨域设置实例
使用.env加后缀的方式来建立某个模式下的环境变量， 例如：项目根目录新建两个环境变量文件（development开发环境和production生产环境）： .env.development .env.production 在新建的两个环境变量文件中设置相同的环境变量名： VUE_APP_BASE_ ......
[IDEA插件]刷新项目视图中的文件树注释信息
开始只知道扩展点 projectViewNodeDecorator 这个是在文件内容发生变更时触发， 但是有一些时候，只是想单纯刷新下，于是找到了show comment这个插件， 而且是开源的，里面提供了一个按钮如下： <action id="xxx.ReLoadExtDocAction" cla ......
spring boot项目上传文件
严重: Servlet.service() for servlet [dispatcherServlet] in context with path [] threw exception [Request processing failed; nested exception is org.spri ......
vue初学
Vue只关心视图层 视图层是HTML+CSS+JS 其遵循SOC原则 关注点分离原则 给用户看和刷新后台数据 vue支持mvvm+dom模式 第一个vue程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> ......
vue 中的 props type设置多个类型，默认值
props: { value: { // type设置多个类型 type: Number | null, required: true } } ......
vue-input-directive 插件的使用（已兼容vue3.0）
codepen体验地址 github地址 安装、引入 npm install vue-input-directive --save import Vue from 'vue' import inputValidate from 'vue-input-directive' Vue.use(inputV ......
vue全家桶进阶之路49：Vue3 环境变量
vue3 环境变量 在Vue3中，可以通过环境变量来管理应用程序中的配置。这些配置可以包括后端API的URL、API key、跟踪ID等等。在不同的开发、测试、生产环境中使用不同的配置是非常有用的。Vue3允许使用.env、.env.local、.env.[mode]和.env.[mode].loc ......
项目脚本学习
perl脚本生成模块文件列表 查看代码 #!/usr/bin/perl -w use File::Copy qw(copy cp); use Cwd; copy("./../../verification/regress_fun/config/modules_list","./") or die " ......
项目播报 | 璞华×江苏鼎为云，打造数字化“采云链”体系，赋能新能源机电行业生态化
数字化转型升级，提高采购效率，打造智慧供应链。作为中国领先的采购数字化服务商，璞华拥有丰富的采购数字化实战经验及强大品牌影响力，沉淀了成熟的采购数字化解决方案。未来，璞华采云链将一如既往地以创新领先的产品和专业的服务帮助更多的优秀企业实现采购数智化转型。 ......
vue兼容IE的方法规范
第三方插件的兼容性需经过ie和国产电脑浏览器测试后，才可以使用。 1、main.js 顶部添加 babel-polyfill import 'babel-polyfill' import Vue from 'vue' import App from './App.vue' import router ......
Vue3 代码块高亮显示并可使用富文本编辑器编辑（highlight.js + wangEditor）
在Vue项目中实现以下功能： 功能1. 在页面中显示代码，并将其中的关键字高亮显示。 功能2. 允许对代码块进行编辑，编辑时代码关键字也高亮显示。 功能3. 可在编辑器中添加多个代码块，动态渲染代码关键字高亮。 Step1: 安装所需插件(本文使用npm安装，若需使用其他方式请查阅官方文档) 安装代 ......
vite项目优化----- 解决终端optimized dependencies changed. reloading问题
写在前面网上都说vite要比webpack快，但个人感受，默认情况下, vite项目的启动确实比webpack快，但如果某个界面是首次进入，且依赖比较多/比较复杂的话，那就会比较慢了。 这篇文章就是用来记录，关于vite慢的相关问题与可能的解决方案 为什么说vite快？为什么说vite慢？只说vit ......
启动springboot项目指定jdk版本以及设置控制台中文
代码： @echo off title= javaServer chcp 936 set JAVA_HOME=D:\Tools\JDK8 set PATH=%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin set CLASSPATH=.;%JAVA_HOME%\lib\dt.j ......
【前端可视化】ECharts 实现响应式图表
响应式图片的实现步骤: 1.图表只设置高度，宽度设置为100% 或 不设置。 2.监听窗口的resize事件，即监听窗口尺寸的变化（需节流）。 3.当窗口大小改变时，然后调用 echartsInstance.resize 改变图表的大小。 另外需要注意的是：在容器节点被销毁时，可以调用 echart ......
js实现画布绘图、橡皮擦除、刮刮卡效果
关键节点只有两处 pen.globalCompositeOperation = 'destination-out'; 通过背景图片实现擦除后仍保留底层图片效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta h ......
VUE学习笔记
VUE学习笔记 1.函数体格式 简写格式：“ 方法名（）{ } ” >全写格式：“ 方法名：function(){ } ” 2.定义对象格式 对象名：{ } 3.全局事件总线相关的函数 注册全局事件总线：在main.js的VUE实例中创建事件总线 beforeCreate() { Vue.proto ......
项目管理5个阶段的主要任务
项目管理5个阶段的主要任务 5个阶段：启动 规划 执行 监控 收尾 启动阶段 当签订合同并明确要交付的服务或成果物（工作说明书SOW中有约定）后，即开始：选择项目经理确定公司文化和现存组织形式（职能型、项目型、矩阵型）收集需要的过程、流程和历史信息将大项目划分为阶段（WBS）识别项目干系人（干系人的 ......
VUE - 遍历并生成ArrayList
var arr = []; this.rows.forEach(item => { arr.push({ MaterialNumber: item.MaterialNumber, Message:item.TONumber }); }); this.mWHInterfaceResults = arr ......
vue3 文件上传,fileChange中的一个问题,第二个参数问题
这里fileChange第二个参数，不可也用fileList会污染已经定义的响应式变量fileList <script setup> const fileList = ref([]) const fileChange = (file,fileList) => { fileList.value = f ......
vue2源码-十一、Vue的生命周期
Vue的生命周期 钩子函数是如何实现？ 内部利用一个发布订阅模式，将用户写的钩子维护成一个数组，后续依次调用hooks。主要靠的是mergerOptions 方法有哪些？ 引用自https://vue3js.cn/interview/vue/lifecycle.html#%E4%BA%8C%E3%8 ......
vue3打包后一片空白控制台报错
问题原因是路径不对，加上一行代码就可完美解决问题。 在vue.config文件中加上 publicPath:'./' 即可解决问题。 问题如图所示： 如何解决问题呢？ ......
vue实现的常见的动画效果
本文包括的动画： zoom-in zoom-in-left zoom-in-right zoom-in-top zoom-in-bottom zoom-in-center-x zoom-in-center-y slide slide-left slide-right slide-top slide- ......
如何使用Webpack工具构建项目
起步 webpack 用于编译 JavaScript 模块。一旦完成 安装，你就可以通过 webpack CLI 或 API 与其配合交互。如果你还不熟悉 webpack，请阅读 核心概念 和 对比，了解为什么要使用 webpack，而不是社区中的其他工具。 运行 webpack 5 的 Node. ......
vue全家桶进阶之路48：Vue3 跨域配置devServer的参数和设置
devServer 是一个用于配置开发服务器的选项对象。它可以用来配置服务器的各种选项，例如代理，端口号，HTTPS 等。 以下是一些常用的 devServer 参数和设置： port：指定开发服务器的端口号，默认为 8080。 host：指定开发服务器的主机名，默认为 localhost。 htt ......
vue3 路由跳转：Cannot read properties of undefined (reading 'push')
在vue2中我们通常会在全局的接口请求里面设置拦截器，如果登录失效或者说其他情况需要跳转到登录页面或者说其他页面的，我们就使用this.$router.push实现vue3中同样使用改方式： import { useRouter } from 'vue-router'; const router = ......
Vue&Element-Ui（支技VUE2）&解决ttf, woff 文件报错的问题
一、Vue&Element-Ui（支技VUE2） Vue 是一套用于构建用户界面的渐进式 JavaScript (主张最少)框架 ，开发者只需要关注视图层， 它不仅易于上手，还便于与第三方库或既有项目的整合。是基于MVVM（Model-View-ViewModel 即：视图层-视图模型层-模型层）设 ......
vue3 源码
这文章写的很好 Compiler模块：编译模板系统。主要职责是将template编译成虚拟节点。 Runtime模块：也可以称之为Renderer模块，真正负责渲染的模块。主要职责是将虚拟节点渲染成真实元素，然后显示到浏览器上。 Reactivity模块：响应式系统。主要职责是监听响应式的数据，然后 ......