多个vue-cli版本vue
[Vue]事件绑定
事件的基本使用: 1. 使用 v-on :xxx 或 @xxx 绑定事件，其中 xxx 是事件名; 2. 事件的回调需要配置在 methods 对象中，最终会在 vm 上; 3. methods 中配置的函数，不要用箭头函数！否则 this 就不是 vm 了，直接指向 window; 4. meth ......
vue项目中添加全页水印
先看代码 1 /** 水印添加方法 */ 2 3 let setWatermark = (str1, str2) => { 4 let id = '1.23452384164.123412415' 5 6 if (document.getElementById(id) !== null) { 7 d ......
vue双端算法代码分析、数组转树（tree）结构
let oldArray = [1, 2, 3, 4, 5]; let newArray = [1, 2, 6, 4, 5]; function patch(oldArr, newArr) { let oldStart = 0; let oldEnd = oldArr.length - 1; let ......
Vue2和Vue3中的v-model的区别
Vue2：v-model是 :value和@input的简写 Vue3： v-model是 :modelValue和@update:modelValue的简写 Vue2文档 ......
Apache ActiveMQ 各个版本所依赖的JDK版本
Apache ActiveMQ 各个版本所依赖的JDK版本 ActiveMQ下载地址 ActiveMQ版本下载 ActiveMQ 依赖JDK版本 MQ版本号 Build-Jdk apache-activemq-5.10.0 1.7 apache-activemq-5.11.0 1.7 apache- ......
999 vue 小结
一、组件之间的数据传输 传递带有返回值的 js 值 (1)props： 既可以实现 父传子 ，也可以实现 子传父（不常用应该） (2)自定义事件，也叫 组件传递事件 ，$emit() 实现 子传父 传递 template 中的 HTML 内容 ：slot 插槽 ......
Vue3 element-plus el-cascader后缀图标更改（svg）
概述 今天用element-plus写通用表单的时候，发现了它的el-cascader组件竟然不支持改后缀图标，主要它的普通下拉el-select组件都能随便改suffix-icon，级联的下拉就不支持了，令人疑惑。 然后，找了好多办法，包括直接取原生的Component改它的arrowDown属性 ......
Nacos安装指南（Linux版本）
windows版本安装指南地址（https://www.cnblogs.com/gfl-1112/p/17771364.html） 1.Linux安装 Linux或者Mac安装方式与Windows类似。 1.1.安装JDK Nacos依赖于JDK运行，索引Linux上也需要安装JDK才行。 上传jd ......
Nacos安装指南（windows版本）
1.Windows安装 开发阶段采用单机安装即可。 1.1.下载安装包 在Nacos的GitHub页面，提供有下载链接，可以下载编译好的Nacos服务端或者源代码： GitHub主页：https://github.com/alibaba/nacos GitHub的Release下载页：https:/ ......
关于STM32 HAL库版本IAP升级跳转一直进入HAL_Delay（）函数;只需要在升级 程序中加入如下代码；主要动作就是关闭中断
__set_FAULTMASK(1); /* set vector table/ SCB->VTOR = FLASH_BASE | 0x1F800; // / USER CODE END 1 */ /* MCU Configuration / / Reset of all peripherals, ......
vue项目中axios的基本用法
1、get和post请求 //get：查询数据 axios.get(url).then(ret=>{ //data属性名称是固定的，用于获取后台响应的数据 console.log(ret.data) }) //get传参 axios.get('abc?id=5').then(ret=>{ //dat ......
Node.js框架：通过nvm实现多个node版本共存使用
一、环境部署 1、nvm下载 下载地址：https://github.com/coreybutler/nvm-windows/releases 2、nvm安装 打开安装程序后按流程走就行，中间的安装地址可以自定义调整。 注：在选择node.js的路径时，默认路径为C盘里的安装路径，如果本地在该路径下 ......
Istio 入门（六）：版本控制
目录VirtualService 和 DestinationRuleVirtualService 与 Service 的关系VirtualService 和 DestinationRule 的关系VirtualService 的定义DestinationRule 的定义 完整系统教程电子书阅读地址： ......
【问题记录】自定义注解处理程序 AbstractProcessor，总是提示版本不匹配
1 前言 最近在看注解处理程序，自己写一个 AbstractProcessor，发现有个莫名的提示： 2 解决 加上支持的版本即可，唉，折腾人。 ......
vue2基础语法操作
vue2基础语法操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
Centos 系统linux内核版本升级
查看当前内核版本 [root@k8s-master01 ~]# uname -r 3.10.0-1160.el7.x86_64 版本号中各个数字分开详细说明：3 ：主版本号10 ：次版本号0 ：修订号1160：发行版本的补丁版本el7 ： CentOS 7内核X86_64 ：64位操作系统 升级过程 ......
nvm动态切换node版本
在安装node环境时，我们一般通过在官网直接下载稳定版即可。但是这样有个弊端，我们电脑只能安装一个版本的node，当需要多个版本在不同项目中使用时就不好操作，而nvm完美的解决了这个问题。具体步骤如下： 下载nvm安装包，并安装 通过命令nvm ls查看当前版本 通过nvm install vers ......
FluxMQ-2.0.8版本发布
FluxMQ—2.0.8版本更新内容 前言 FLuxMQ是一款基于java开发，支持无限设备连接的云原生分布式物联网接入平台。FluxMQ基于Netty开发，底层采用Reactor3反应堆模型，具备低延迟，高吞吐量，千万、亿级别设备连接；方便企业快速构建其物联网平台与应用。 FluxMQ官网：htt ......
SvgIcon全局组件---开发环境：vue3+vuecli5
开发背景 node v18.17.0(node -v) npm v8.4.1(npm -v) @vue/cli 5.0.8(vue -V) 0.SvgIcon全局组件 全局组件是指在应用程序的任何位置使用的组件，使用全局组件前需要在Vus.js实例中注册，并将其挂载到实例中。全局组件是可复用的Vus ......
ad23Geber导出-官方教程（新版本-22.11版本后）
-本文章只适用于22.11之后的ad版本geber导出，适配于ad23版本；若需要查看22.11之前的geber导出教程，请查看下方连接- ad22旧版Geber导出（22.11版本前）（含官方教程）（含坐标文件）_ad20导出坐标文件-CSDN博客 ——2023.10.17编辑 1、AD生成geb ......
vue3中监听滚动条事件
import { onMounted, onUnmounted, reactive } from 'vue' const data=reactive({ oldScrollTop:0, }); const scrolling=()=>{ // 滚动条距文档顶部的距离 let scrollTop =w ......
antd for vue3 table 使用rowClassName设置样式固定列不生效
依赖库版本 ： Vue 3 + antd for vue v3. X 样式问题 ：固定列背景色不生效，鼠标移入对应行背景色变为初始的白色 columns: [ { title: '装置', width: 100, dataIndex: 'areaName', fixed: 'left' }, ... ......
vue打包生产环境样式丢失解决
一、概述 把自己打包的vue小案例打包，然后发布到生产环境。发布到生产环境访问后发现样式丢失。（ps:测试环境正常的） 二、解决办法 找到项目中的vue.config.js把extract的值改为false module.exports = { css: { extract: false, load ......
Vue项目中使用Tinymce，解决图片上传/粘贴
前言 最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍，于是就花了一些时间对比体验现有的一些开源的编辑器。 编辑器之间的简单比较 UEditor：基本满足各种需求，依赖于jquery但是已经不再维护了，实现上传图片等需要修改源码， ......
vue2使用 tinymce富文本编辑器-图片上传、粘贴图片上传致服务器
1.安装tinymce富文本编辑器插件npm i tinymcenpm i @tinymce/tinymce-vue 2.创建Editor.js文件 封装组件 以便使用 <template> <div class="tinymce-editor"> <editor v-model="myValue" ......
vue学习3 npm创建项目
创建项目 安装最新node.js最新稳定版本 创建项目文件加，在文件即下cmd 输入命令 npm create vite@latest firstweb或者 npm init vite@latest firstweb 然后选择vue。然后选择typecript /JavaScript，然后在文件夹下 ......
vue 笔记2 脚手架-创建项目、启动项目、路由、vuex
1、安装命令： 在vs code 终端输入命令 npm install -g @vue/cli 安装完查看版本： vue --version 2、创建项目 在对应文件夹下 cmd 输入命令： vue create hello-word 然后选择版本vue2，vue3 项目，选择对应版本 自动安装cl ......
vue学习1
初试vue <!DOCTYPE html> <!-- <html lang="en"> --> <head> <meta charset="UTF-8"> <!-- <meta http-equiv="X-UA-Compatible" content="IE=edge"> --> <!-- <met ......
0到1搭建vue2.0项目
一、创建vue项目 1、node -v查看是否安装了node 如果没安装，到官网下载安装 https://nodejs.org/en 2、创建名为VueProject的文件夹，cmd进入该文件夹，npm init -y 进行初始化 (备注：在使用命令行工具 npm 进行初始化项目时， -y 是一个参 ......
vue3使用高德地图进行多边形的绘制，编辑以及创建
npm i @amap/amap-jsapi-loader --save <!-- 高德地图 --> <template> <div style="display: flex;"> <div id="container" style="width: 800px; height: 500px; bor ......