样式 组件scoped vue
34 组件的生命周期
出生————> 死亡 在主要的时间节点上，自动执行 生命周期 钩子函数 mount ：安装 ，handle：处理 组件生命周期示意图 虽然写这东西没什么意义，但还是花了一点时间手撕代码吧 <template> <div> <h3>组件的生命周期</h3> <p>{{ msg }}</p> <butt ......
[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文档 ......
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属性 ......
轻松掌握组件启动之MongoDB（番外篇）：高可用复制集架构环境搭建-mtools
mtools是一个基于Python实现的MongoDB工具集，旨在提供一系列功能，包括MongoDB日志分析、报表生成以及简易的数据库安装等。它由MongoDB原生的工程师单独发起并进行开源维护。mtools包含了一些常用的组件，如mlaunch、mlogfilter、mplotqueries和ml... ......
界面组件DevExpress WPF v23.1 - 全面升级文档处理功能
DevExpress WPF拥有120+个控件和库，将帮助您交付满足甚至超出企业需求的高性能业务应用程序。通过DevExpress WPF能创建有着强大互动功能的XAML基础应用程序，这些应用程序专注于当代客户的需求和构建未来新一代支持触摸的解决方案。 无论是Office办公软件的衍伸产品，还是以数 ......
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 ......
再学Blazor——组件
Blazor 应用基于组件，组件可以复用和嵌套。本文内容如下： 组件类 组件嵌套 组件参数 组件对象 1. 组件类 所有组件都是继承 ComponentBase 组件基类，razor 文件默认继承 ComponentBase 类。 ComponentBase 实现组件的最低抽象，IComponent ......
vue2基础语法操作
vue2基础语法操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
27 组件事件
组件事件：组件之间的相关操作，比如说数据传递之类的 $emit 可以子传父亲； props只能父传子 <br> <button @click="SonMethod">通过子级函数操作父级函数</button> </template> <script> export default{ methods: ......
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 ......
26 组件传递props校验
基于组件传递，对传输的内容进行校验 1.设置默认值 default 2.必选项 require 3.传参的类型 ps:props 是 只读的，不能修改 ......
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' }, ... ......
使用C#中的Panel组件时，它一直按照左上角为基准对齐
是这里出了问题 点击Panel之后，在右边属性列表中就能看见有一个名Anchor为的属性， 它默认是Top，Left的定义值； 所以Panel才是一直以左上角为基准变化； 现在将其改为Bottom属性： 然后Panel的排列布局就会下一个挨着上一个的底部啦~ 如图所示： ......
vue打包生产环境样式丢失解决
一、概述 把自己打包的vue小案例打包，然后发布到生产环境。发布到生产环境访问后发现样式丢失。（ps:测试环境正常的） 二、解决办法 找到项目中的vue.config.js把extract的值改为false module.exports = { css: { extract: false, load ......
Vue项目中使用Tinymce，解决图片上传/粘贴
前言 最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍，于是就花了一些时间对比体验现有的一些开源的编辑器。 编辑器之间的简单比较 UEditor：基本满足各种需求，依赖于jquery但是已经不再维护了，实现上传图片等需要修改源码， ......
C# M2Mqtt组件连接失败后占用大量cpu不释放以及重复用一个client进行重连会出现假连接现象的解决方案
M2Mqtt是C#的一个mqtt客户端库，这个库很好用，但是它有严重的Bug 当我们调用Connect建立连接时，如果身份认证失败，它会返回状态码3，即"连接已拒绝，不合格的客户端标识符"，但是其内部的异步线程并不会终止，依然会占用大量的cpu资源，即使Disconnect且把client置为nul ......
24 组件传递数据
组件之间相互传递数据，props 只能是，父级组件parent 传递数据 给 子级组件child 静态传递 动态传递：在静态的基础上，v-bind: {{ }} data()返回值，这些结合使用即可 <template> <!-- 文本绑定才需要 {{ }} ，属性绑定不需要 --> <Child ......
vue2使用 tinymce富文本编辑器-图片上传、粘贴图片上传致服务器
1.安装tinymce富文本编辑器插件npm i tinymcenpm i @tinymce/tinymce-vue 2.创建Editor.js文件 封装组件 以便使用 <template> <div class="tinymce-editor"> <editor v-model="myValue" ......
23 组件的注册方式
组件的注册方式：就是组件的引入方式 不推荐全局，还得是局部 全局，局部：作用域不同 全局注册：main.js 多次使用的组件就不需要重复麻烦地导入 局部注册：就是之前的三步走引入 ......
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 ......
C#调用WPS的COM组件操作
本应比较简单直接调用，Office6下面的文件件etapi.dll （excel） ksoapi.dll (office) wpsapi.dll(word) wppapi(powerpoint) 互操作类型-》false 结果是管理员启动（Run as时提示Com组件未注册） 类似 检索 COM 类 ......
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 ......