多个vue-cli版本vue
vue3自定义指令 拖拽 与拖拽变大小
directives:{ drag:{ mounted: (el, binding) => { const dragDom = el; const sty = dragDom.currentStyle || window.getComputedStyle(dragDom, null); el.par ......
19:vue3 依赖注入
1、通过Prop 逐级透传问题(传统老的方法只能逐级传递) 传统方式代码如下: App.vue 1 <template> 2 <h3>祖宗</h3> 3 <Parent :msg="msg"></Parent> 4 </template> 5 6 <script> 7 import Parent f ......
Vue3+.net6.0 五 类和样式绑定
Vue3关于样式的处理跟Vue2是一样的,常用的有以下几种。 1.绑定属性 html部分: <div :class="{ active: isActive }"></div> js部分: data() { return { isActive: true } } 当 isActive 值为true时, ......
二维码简易实现 Vue+Springboot
Vue: <template> <div> <img :src="database64" width="150px"/> <div> 注:请使用手机微信扫码,并于2分钟内绑定员工账号(二维码为账号独属,请勿分享)。 </div> </div></template><script>import { g ......
vue 批量下载通用方法【转载】
自己做项目的时候遇到需要批量下载文件的需求,于是下意识就用了循环url地址数组创建a标签下载的方法,但浏览器有限制,超过10个文件将不能下载,最多下载10个。于是找遍网上文章,终于找到了适用的。在这记录一下,分享给需要的人 首先需要用到两个插件 file-saver 和 jszip 在需要批量下载功 ......
nginx部署vue网站
1.背景 最近gpt很火,于是尝试用gpt来进行古诗词取名,做了一个vue的网站进行展示,第一次部署,踩了一些坑。 2.实施 nodejs安装: 在任意目录执行如下命令进行安装包下载:wget https://npm.taobao.org/mirrors/node/v14.17.6/node-v14 ......
2023-07-12 vue this.$set设置子组件内的值无效(uniapp+vue)
前言:怎么说呢,子组件内嵌套了多层对象和数组,业务逻辑也是在子组件内处理,如何修改多层嵌套的对象数组的值? vue提供了一个this.$set方法去改变对应的值,实测在uniapp打包的微信小程序中无法使用该方法,而在Android端则可以,那有没有两全其美的方法? 答案是有,在修改深层次的值时可以 ......
vue-json-viewer
####npm ``` $ npm install vue-json-viewer@2 --save // Vue2 $ npm install vue-json-viewer@3 --save // Vue3 ``` ####例子 ``` import JsonViewer from 'vue-j ......
kindle全版本越狱降级【拆机】
# 前言 目前kindle不拆机可以越狱的最高版本为5.14.2 但很多人在越狱后会强制升级到高版本,导致KUAL等插件失效 今天就来介绍一下高于5.14.2的版本如何越狱 若版本低于或等于5.14.2可以参考下面的方法 [kindle固件版本小于5.8.7](https://bookfere.co ......
导出多个excel的zip压缩包工具类
import org.apache.poi.xssf.usermodel.XSSFWorkbook;import javax.servlet.ServletOutputStream;import javax.servlet.http.HttpServletResponse;import java.i ......
前端Vue仿美团地址管理组件列表组件 可用于电商平台收获地址管理
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
前端Vue自定义精美steps步骤条进度条插件 物流信息跟踪展示组件 流程审批跟进组件
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
vm安装-v14版本
1、右键管理员身份运行 2、选择下一步 3、选择接受和下一步 4、选择更改默认安装路径 5、用户设置下一步 6、生成桌面快捷方式 7、开始安装 8、完成安装 ......
vue3 粒子动画 canvas
<template> <div class=""> <canvas id="canvas"></canvas> </div> </template> <script setup> import { onMounted } from 'vue'; let d const project3D = (x, ......
vue表单中输入框事件的使用@input、@keyup.enter、@change、@blur、@focus
1.@input(v-on:input) 此触发方法适合在查询条件或实时规则校验中使用 <input type="text" placeholder="请输入查询内容条件" v-model="inputVal" v-on:input="search" value="" /> 2.@keyup.ent ......
解决vue-router在3级路由keep-alive后组件加载多次方法
问题 连续两天遇到keepalive问题,第一个问题是三级路由嵌套router-view没法缓存问题,第二个问题是使用keepalive导致组件渲染两次问题,深坑。。。 官方bug 解决思路 引入routerHelper,createRouter时三级路由提升为两层 import { deepClo ......
18:vue3 异步加载
在大型项目中,我们可能需要拆分应用为更小的块,并仅在需要时再从服务器加载相关组件。Vue 提供了 defineAsyncComponent 方法来实现此功能: 1 <template> 2 <h3>异步加载</h3> 3 <KeepAlive> 4 <component :is="tabCompon ......
"Tarfs"是一个内存文件系统,它使用TAR(Tape Archive)文件格式来实现在内存中创建一个虚拟的文件系统。TAR文件格式是一种常见的存档文件格式,用于将多个文件和目录组合成单个文件
"Tarfs"是一个内存文件系统,它使用TAR(Tape Archive)文件格式来实现在内存中创建一个虚拟的文件系统。TAR文件格式是一种常见的存档文件格式,用于将多个文件和目录组合成单个文件。 Tarfs通过将TAR文件加载到内存中,并在内存空间中模拟文件和目录结构,实现了一个简单的文件系统。它 ......
DHCP协议可以通过单播模式和多播模式来传递和接收DHCP消息 多播模式(Multicast Mode):在多播模式下,DHCP客户端以多播方式向特定的多播组地址发送DHCP请求消息,多个DHCP服务器监听该多播地址,将对应的DHCP响应消息发送回客户端。
DHCP协议可以通过单播模式和多播模式来传递和接收DHCP消息。下面是对这两种模式的解释: 单播模式(Unicast Mode):在单播模式下,DHCP客户端和DHCP服务器之间建立点对点的通信连接。当DHCP客户端需要获取或更新网络配置信息时,它向特定的DHCP服务器发送DHCP请求消息,并在单播 ......
17:vue3 组件保持存活状态
<KeepAlive> 是一个内置组件,它的功能是在多个组件间动态切换时缓存被移除的组件实例 1、不使用KeepAlive,组件不保持存活,验证如下: A组件 1 <template> 2 <h3>ComponentA</h3> 3 <p>{{ message }}</p> 4 <button @c ......
vue2基础 入门vue2
# vue基础 - vue项目搭建 - vue单文件组件 - mustach表达式 - vue指令 - methods方法 - filters过滤器 - computed计算属性 - watch监听器 - vue组件 - vue-router 路由 - vue生命周期 - vue组件通信 - slo ......
vue自学总结
一、先安装node.js,安装之后需配制环境变量,否则运行npm命令时会导致该命令不存在的情况 查看版本:node -v 二、安装vue npm install -g vue-cli 安装vue2脚手架npm install -g @vue/cli 安装vue3脚手架npm uninstall -g ......
16:vue3 动态组件
1 <template> 2 <h3>动态组件(A、B两个组件动态切换)</h3> 3 <component :is="tabComponent"></component> 4 <button @click="changeHandle">切换组件</button> 5 </template> 6 7 ......
多个列表组合成一个字典
list1 = ['组', '2023-1-1', '2023-1-2', '2023-1-3', '总业绩'] list2 = ['一组', '1', '2', '3', '6'] list3 = ['二组', '4', '5', '6', '15'] list4 = ['三组', '7', '8 ......
基于python的租房网站-房屋出租租赁系统(python+django+vue)
该项目是基于python/django/vue开发的房屋租赁系统/租房平台,作为本学期的课程作业作品。欢迎大家提出宝贵建议。 ### 功能介绍 平台采用B/S结构,后端采用主流的Python+Django进行开发,前端采用主流的Vue.js进行开发。 整个平台包括前台和后台两个部分。 - 前台功能包 ......
基于python的视频点播网站(python+django+vue开发的视频点播网站-视频管理系统)
### 演示地址 前台地址: http://video.gitapp.cn 后台地址:http://video.gitapp.cn/admin 后台管理帐号: 用户名:admin123 密码:admin123 ### 源码地址 https://github.com/geeeeeeeek/python ......
Vue3.2项目构架之unplugin-auto-import自动引入
vue3日常项目中定义变量需要引入ref,reactive等等比较麻烦,可以通过unplugin-auto-import给我们自动引入 1、安装 npm i -D unplugin-auto-import 2、在vite.config.ts中引入 import AutoImport from 'un ......