控件vue大部分vue3
vue3中toRefs用法
toRefs是Vue.js 3中的一个实用函数，用于将响应式对象转换为普通对象，其中每个属性都是一个ref对象。这在某些情况下很有用，特别是想要将一个包含多个响应式属性的对象传递给子组件时。 以下是toRefs的基本用法： import { reactive, toRefs } from 'vue' ......
ISCTF2023部分WP
write-up: 战队：来日方长 赛道：进阶赛道 队长：张伟文 队员：结局别在遗憾Zn. WEB: 圣杯战争!!!（题解：结局别说遗憾Zn.） 解题思路：打开题目链接，代码如下： <?php highlight_file(__FILE__); error_reporting(0); class a ......
Excel poi 设置单元格格式 发现不可读内容 已修复的记录: /xl/worksheets/sheet1.xml 部分的问题（巨坑）
Excel poi 设置单元格格式 发现不可读内容 已修复的记录: /xl/worksheets/sheet1.xml 部分的问题（巨坑） 1.先设置值，后设置样式。 正确的是：先设置样式，后设置值。2.对象A的样式应用于对象B的样式，导致报错。 正确的是：对象A应用对象A的样式，对象B应用对象B的 ......
操作系统大作业：在Linux环境下模拟实现简单命令解释器（文档部分）
一、 课程设计（大作业）具体内容 3.1 程序概述 已完成一下命令 pwd //显示当前所在目录的路径名 list <目录名> //列出指定目录名中的所有目录及文件 modifydir <目录名或路径> //改变当前工作目录 makedir <目录名> //新建目录 deldir <目录名> //删 ......
操作系统大作业：在Linux环境下模拟实现简单命令解释器（代码部分）
好家伙 1. 题目要求 一、 课程设计（大作业）目的 熟悉Linux编程环境，加强对Linux命令的理解及函数的运用，完成一个操作系统的部分系统的设计过程、编码、调试，锻炼实际应用能力。 二、 课程设计（大作业）具体要求 2.1 课程设计题目 在Linux环境下模拟实现简单命令解释器。 (1)要求实 ......
vue 生产环境寻找方法
https://juejin.cn/post/6898483758085701646 控制台输入 单击函数会直接跳转 生产环境直接 源码搜索 devtool 然后设置为true 然后关闭f12 重新打开 ......
vue实现文件下载
vue实现文件下载：https://blog.csdn.net/weixin_41696001/article/details/124210326?ops_request_misc=%257B%2522request%255Fid%2522%253A%252217034939871680022287 ......
npm run dev > hhwl-platforma1.0. dev > wue-cli-service serve vue-cli-service’不是内部或外部命令，也不是可运行的程序或批处理文件。
这个错 主要npm i 就可以了 但是现在npm i 也报错 原因是: 重新装了一遍nodeJS ,在设置全局仓库的时候出了些许问题，先建立两个文件夹cache和global:然后打开然后去修改npmrc文件里面的参数 最后点击 node_global 和node_cacahe 这两个文件的属性 然 ......
Vue学习之插槽slot
1. 插槽是什么 插槽就是子组件中的提供给父组件使用的一个占位符，用<slot></slot> 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。 插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制。 简单理解就是子组件中 ......
vscode打开vue3，报红，ts类型找不到问题
vscode不用禁用原有的插件Veyur和javascriptVue 之前 vscode 检测到 vue3 ，自动推荐安装了 Vue Language Feature（Volar），但用它扔有类型报错。官方推荐，使用 它 时禁用 Vetur，以免有冲突。 只需安装TypeScript Vue Plu ......
控制台打印时显示的文件来源没有显示.vue文件，而是出现了一堆index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-optio…
控制台打印时显示的文件来源没有显示.vue文件，而是出现了一堆index.js??clonedRuleSet-40.use[0]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-optio…，看不出来打印的语句来自哪个vue组件 ......
Vue3+vite+Pinia+element-plus 换肤+国际化
先上效果： 一：换肤 1:用Pinia 小菠萝做状态管理。 2：根据自己需求写几套主题色（用于后面在html加载对应的主题颜色） 3: 自己写一个切换主题的页面 4：每次进入系统前去pinia里面获取上次选中的主题。如果已经设置 加载已设置过的 在src 下随便建个theme/index.ts 然后 ......
vue3 + Ant Design 实现双表头表格（横向表头+纵向表头）
一、要实现的效果（纵向固定表头的表格，横向表头数量动态化） 二、这是后台返回的数据格式（以企业为数组，每个企业里有个站点数组pointFactors） 三、代码实现步骤 （1）定义纵向固定表头 1 // 纵向表头数组 tableColumns 2 const tableColumns = ref([ ......
Vue3之实现一个可拖拽的div
实现一个可拖拽的div写法如下： const chatbox = ref(); const dragx = (el) => { let oDiv = chatbox.value; //当前元素 let disX = el.clientX - oDiv.offsetLeft; let disY = e ......
如何获得控件的On属性事件列表?
用RTTI uses strutils, rtti, System.typinfo; {$R *.dfm} procedure TForm2.FormCreate(Sender: TObject); var context: TRttiContext; rType: TRttiType; aProp ......
vue3
vue3 * vue3支持组合式传参， vue2在创建app对象的时候，会传入一个包含各种选项的对象，选项包括data函数，methods对象，computed对象等等。 vue3在创建app对象的时候，也是传入一个对象，但是对象属性中有一个setup函数，在该函数中可以定义响应对象，函数，comp ......
推荐一款 Vue3 调试神器！
vue-devtools 是一款基于Chrome浏览器的插件，可以用于调试vue应用，也可以用来辅助我们找到各页面对应的Vue.js文件路径，想必大家都不陌生吧~ 今天给大家推荐一个比 vue-devtools 更好用的插件vite-plugin-vue-devtools， 它是一个旨在增强 Vue ......
Qt/C++控件设计器/属性栏/组态/可导入导出/中文属性/串口网络/拖曳开发
一、功能特点 自动加载插件文件中的所有控件生成列表，默认自带的控件超过120个。 拖曳到画布自动生成对应的控件，所见即所得。 右侧中文属性栏，改变对应的属性立即应用到对应选中控件，直观简洁，非常适合小白使用。 独创属性栏文字翻译映射机制，效率极高，可以非常方便拓展其他语言的属性栏。 所有控件的属性自 ......
CS自学指南一部分的归纳
必学工具 vim编辑器 emacs编辑器 进阶，git github开源社区 GNU Make提升效率 Cmake更抽象 让排版自动专业Latex 轻量级虚拟机docker 配环境节省时间scoop 日常工作学习流 Obsidian ,其中Annotator笔记能跳转到原文，Anki生成卡片链接 电 ......
Vue插件
功能：用于增强vue 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据。 定义插件(新建一个plugins.js文件)： export default { install(Vue,x,y,z){ console.log(x,y,z) ......
IIS部署vue项目
【第一步】安装IIS {1）打开控制面板 -> 打开程序和功能 -> 打开启用或关闭windows功能 （2）找到 Internet Information Services 勾选【web管理工具】和【万维网服务】，然后 确定 【第二步】安装URL重写模块 1). 安装URL Rewrite，下载地 ......
vue3父子通信
vue3父子通信 // 获取父级方法或函数调用 const emit = defineEmits(['cancel', 'resetData']); // 获取父级绑定的变量 const props = defineProps({ visible: { type: Boolean, default: ......
记录--Vue3问题：如何实现组件拖拽实时预览功能？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 1. 需求分析 实现一个CMS内容管理系统，在后台进行内容编辑，在官网更新展示内容。 关于后台的编辑功能，大致分为两部分：组件拖拽预览、组件内容编辑实时预览。 对于组件拖拽预览，用户可以在含有各种功能组件的列表中，选择需要的组件进行拖拽。 ......
ISCTF2023部分题解
WEB: 圣杯战争 !!! （题解：结局别说遗憾 Zn. ） 解题思路：打开题目链接，代码如下： <?php highlight_file(__FILE__); error_reporting(0); class artifact{ public $excalibuer; public $arrow ......
探究vue的diff算法
1.diff算法是什么？ diff算法是一种通过**同层的树节点**进行比较的高效算法 Diff 算法探讨的就是虚拟 DOM 树发生变化后，生成 DOM 树更新补丁的方式。对比新旧两株虚拟 DOM 树的变更差异，将更新补丁作用于真实 DOM，以最小成本完成视图更新。 1.1特点 策略：深度优先，同层 ......
QLabel 图片缩放居中、图片适应控件、控件适应图片
缩放居中 QPixmap pix = QPixmap::fromImage(m_QImg); ui.label->setAlignment(Qt::AlignCenter); ui.label->setPixmap(pix.scaled(ui.label->size(), Qt::KeepAspec ......
vue3 + vite + ts 配置 @ 别名
第一步 npm install @types/node -D 第二步 这是原 vite.config.ts文件 import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' // https://vitejs.dev ......
[问题记录] C# 使用NPOI操作Excel模版写入数据 - 生成文件打开时提示 "发现 XXX.xlsx 中的部分内容有问题..."
解决方案： 1.先确保原来的模版文件打开是正常的，没有提示要恢复 2.用Office打开这个模版文件，另存为一个文件。用这个文件来作为模版使用。 问题描述： 使用C# NPOI 操作Excel模版 （模版用office打开是正常的），写入数据 ， 导出的文件打开时提示是否尝试恢复 ，点击 “是” 后 ......
vue中使用Vue.extend方法仿写一个loading加载中效果
需求描述 本文我们使用vue的extend方法实现一个全屏loading加载效果，需求如下： 通过命令就可以让弹框开启或关闭，比如this.$showDialog()开启，this.$hideDialog()关闭 方法可以传参更改loading中的文字 也可以传参更改loading背景色 当然这里除 ......