组件 之间parent vue3
【windows工具使用】如何在不同设备之间传输、共享文件
前言 1. 两个window系统之间如何传输文件 通过 Wi-Fi 传输的文件在不同的操作系统中存在差异。对于操作系统为 Windows 10 和 11 的电脑，可以使用“附近共享”。 两台电脑需要连接到同一 Wi-Fi 网络并设置相同的权限（例如，可以从哪些设备共享或接收文件）。 设备winA和w ......
vue3 甘特图（四）：甘特图进度条拆分
vue3 甘特图（四）：甘特图进度条拆分 目前项目采取有两种拆分进度条的方式。单个进度条展示多维度数据，一个总任务条下有多个子进程展示。 1.1 单个进度条展示多维度数据（不关联时间），如图 此方法是通过设置单个进度条上内容，以一个进度条为容器，修改内容（即task_text内容）展示多维度的数据， ......
关于两个实体类之间相同字段的赋值
1.可以使用以下方法： BeanUtils.copyProperties(one,two) 2.相关依赖： <dependency> <groupId>commons-beanutils</groupId> <artifactId>commons-beanutils</artifactId> <ve ......
vue3 AntV-X6 引入插件报错
vue3 AntV-X6 引入插件报错： Uncaught TypeError: Cannot read properties of undefined (reading 'ToolItem') vite 引入路径的问题解决就是在引入插件的路径后面加上/lib： import { Keyboard ......
Vue3调用Element-plus涉及子组件v-model双向绑定props问题
Vue3调用Element-plus涉及子组件v-model双向绑定props问题 在Vue3调用Element-plus的el-dialog组件时，碰到个很有意思的问题，el-dialog的属性值v-model直接控制对话框的显示与否，点击关闭对话框和遮罩区域，组件内部会自动更改v-model的值 ......
js 计算两个地点坐标之间的间距
/** * 计算两个地点坐标之间的间距 * @param {array} location1 [lon: string, lat: string] 地点坐标 * @param {array} location2 [lon: string, lat: string] 地点坐标 */ export fu ......
树形/级联组件->数据做键，制作与还原
数据的制作 /** 树形/级联组件->数据做键，制作与还原 * @param {Array} list * @param {string} params 源 `json` 的 `key` * @param {string} key 生成后 `string` 存放的 `key` * @param {s ......
KMS方式命令激活Windows系统提示: 通过WMI组件连接本地注册表失败
KMS方式命令激活Windows系统提示: 通过WMI组件连接本地注册表失败 解决方案: 1.登录服务器, 运行wmimgmt.msc命令打开控制台, 选择 WMI控件（本地）, 单击 右键 -> 属性, 确认没有错误。 2.任选一种, 保存成bat, 右键管理员运行, 重新注册。 #第一种 (来自 ......
element使用组件el-form自动定位到未填写的必填条目
问题：在form表单el-form中经常会出现表单条目比较多的问题，而且在提交的时候需要校验表单并且定位到相应的条目位置。 解决： html： <el-form ref="form" :model="form" :rules="rules" label-width="140px"> <el-form ......
如何能实现不同服务器之间的文件实时同步？
数字化时代，数据已经成为企业的重要资产，其中文件共享是企业运行中的重要业务场景。由于办公文件可能存在不同服务器甚至不同的城市之间，企业文件的实时同步是很多中大型企业急需解决的问题，为了不耽误业务的运行，甚至出现过跨城送硬盘来保证文件的一致性和安全性。目前国内市场上的文件同步软件质量参差不齐，企业很难 ......
react| 封装TimeLine组件
功能 支持居中/局左/居右布局 可自定义线条颜色 默认情况下图标是圆形，可自定义圆形颜色和大小，同时也可以自定义图标 支持自定义内容 效果 const data=[ { "title": "2022-12-05 12:03:40", "des": "茶陵县实时广播防火宣传" }, ... ] <Ti ......
怎么捕获 Vue 组件的错误?
errorCaptured 是组件内部钩子函数，当捕获一个来自子孙组件的错误时被调用，接收 error、vm、info 三个参数，return false 后可以阻止错误继续向上抛出 errorHandler 为全局钩子函数，使用 Vue.config.errorHandler 配置，接收参数与 e ......
Vue3实现图片滚轮缩放和拖拽
在项目开发中遇到一个需求： 1：用鼠标滚轮可对图片进行缩放处理 2：点击按钮可对图片进行缩放处理 3：可对图片进行拖拽处理 我在开发中通过自己实现与百度查看优秀的铁子进行了两种类型的使用 <template> <div ref="imgWrap" class="wrap" @mousewheel.p ......
Vite4+Typescript+Vue3+Pinia 从零搭建(3) - vite配置
项目代码同步至码云 weiz-vue3-template 关于vite的详细配置可查看 vite官方文档，本文简单介绍vite的常用配置。 初始内容 项目初建后，vite.config.ts 的默认内容如下： import { defineConfig } from 'vite' import vu ......
keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。
keep-alive 是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。 在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。 include定义缓存白名单，keep-alive会缓存命中的组件；exclude定义缓存黑名单，被命 ......
使用scoped后，父组件的样式将不会渗透到子组件中。 不过一个子组件的根节点会同时受其父组件的scoped css和子组件的scoped css的影响。
下列关于scoped的描述错误的是（ ） A scoped原理是在标签上添加data-v属性，然后使用属性选择器实现样式局部化 B 使用scoped，父组件的样式会渗透到子组件内部的元素 C 使用scoped不会造成全局污染 D ">"可以实现样式穿透 正确答案：B 使用scoped后，父组件的样式 ......
EdisonTalk.MongoProxy组件发布v0.0.6版本
之前工作中需要用到MongoDB的事务操作，因此参考了一些资料封装了一个小的组件，提供基础的CRUD Repository基类 和 UnitOfWork工作单元模式。但是，我一直都没有把它正式发布到Nuget仓库中，近日抽空把发布了，大家可以搜到它并使用了。 ......
vue3中的vue-18n的table表格标题不动态变化中英文
使用 computed 即可 eg： const columns = computed(() => { return reactive<any>([ { title: proxy.$t('device.pm.table.index'), dataIndex: 'index', width: 50, ......
Object.defineProperty(obj,key,val)不可以监听数组变化，需要做特殊处理，所以Vue3.0使用Proxy实现数据监听
关于Vue双向数据绑定说法错误的是（ ） A Vue实现双向数据绑定是采用数据劫持和发布者-订阅者模式 B Object.defineProperty(obj,key,val)可以监听数组变化，不需要做特殊处理 C Vue2.0 数据劫持是利用ES5的Object.defineProperty(ob ......
路由导航守卫分为 3 种：全局路由守卫、路由独享的守卫、组件内的守卫
关于路由守卫说法错误的是（ ） A Vue路由守卫分为全局路由、单个路由守卫、组件内部路由 B 全局路由守卫的钩子函数有：beforeRouteEach（全局前置守卫）、beforeRouteResolve（全局解析守卫）、afterRouteEach（全局后置守卫） C 单个路由独享的钩子函数只有 ......
Hashtable和HashMap之间的区别
HashMap的工作原理是近年来常见的Java面试题。几乎每个Java程序员都知道HashMap，都知道哪里要用HashMap，知道Hashtable和HashMap之间的区别，那么为何这道面试题如此特殊呢？是因为这道题考察的深度很深。这题经常出现在高级或中高级面试中，甚至会要求你实现HashMap ......
Vue组件的命名规范
给组件命名有两种方式，一种是使用链式命名 my-component，一种是使用大驼峰命名MyComponent, 在字符串模板中<my-component></my-component> 和<MyComponent></MyComponent>都可以使用，在非字符串模板中最好使用<MyCompone ......
vue2 和 vue3 什么区别
GitHub Copilot: Vue 2 和 Vue 3 在许多方面都有所不同，以下是一些主要的区别： Composition API: Vue 3 引入了 Composition API，这是一种新的方式来组织和复用代码。这是与 Vue 2 Options API 相比的一个重大改变。 性能: ......
vue3 基础-Vuex 全局数据状态管理
针对页面间, 组件间的数据共享问题, Vue 提供一个数据管理框架 Vuex, 早期主要是用于 Vue2 , 而现在用 Vue3 也是可以正常使用, 但在 Composition API 下则会感到这个数据管理流程不论同步还是异步, 总感觉有点繁琐和反人类, 确实是不如它的竞品 Pinia, 但还是 ......
VB.NET 添加控件方法-“Windows Media Player”组件
“工具箱”——“所有Windows窗体”中单击右键，选择“选择项”菜单 打开“选择工具箱项”窗口，选择“COM组件”标签， 在列表中找到并勾选“Windows Media Player”组件，单击“确定”按钮 将该组件添加到指定的工具箱选项卡中 然后在工具箱里面找 Windows Media Pla ......
使用element-UI完成展示个人信息的组件
<template> <el-descriptions class="margin-top" title="" :column="3" :size="size" border> <template slot="extra"> <el-button type="primary" size="small ......
封装表格和标签组件
App.vue <template> <div class="table-case"> <MyTable :data="goods"> <template #TableHead> <tr> <th>编号</th> <th>名称</th> <th>图片</th> <th width="100px">标 ......
identityserver，OAuth2.0，JWT之间的关系
OAuth2.0是一种授权框架，用于应用程序之间安全的共享用户资源，它允许用户授权第三方应用程序访问他们的资源，列如照片，视频，联系人列表等，而不必将用户名和密码提供给第三方应用程序，OAuth2.0通过令牌来代表用户授权，这些令牌可以被第三方应用程序用于访问用户资源，而不必知道用户的凭据。OAut ......
[LeetCode] 1360. Number of Days Between Two Dates 日期之间隔几天
Write a program to count the number of days between two dates. The two dates are given as strings, their format is YYYY-MM-DD as shown in the examples ......