缓存 手动keepalive vue
vue - 实现文件的上传-字节流下载详细过程
前言这个需求一般是在有合同的地方用,首先不止一个地方用我们应该把他封装成一个简易的全局组件, 上传的时候封装成全局组件,传2个值,一个合同id,一个开关,下载的时候调用接口获取文档流下载 注意看下面的文件上传下载-细节有详细的过程和遇到的问题和解决方案 效果图接口配置import request f ......
[Vue]样式绑定 :class :style
1. class样式 写法:class="xxx" xxx可以是字符串、对象、数组。 1) 字符串写法适用于: 类名不确定,要动态获取。 2) 数组写法适用于: 要绑定多个样式,个数不确定,名字也不确定。 3) 对象写法适用于: 要绑定多个样式,个数确定,名字也确定,但不确定用不用。 2. styl ......
OpenTiny Vue 支持 Vue2.7 啦!
TinyVue 是一个实现了一套代码同时支持Vue2和Vue3的跨端跨框架前端组件库,近期即将发布的 v2.11.0 版本将支持Vue2.7,实现了对Vue框架的全面支持,下一步就是React啦! ......
vue打包的时候删除 console 和 debugger
esbuild: { pure: VITE_DROP_CONSOLE ? ['console.log', 'debugger'] : [], supported: { // https://github.com/vitejs/vite/pull/8665 'top-level-await': tru ......
geoserver发布wms服务设置缓存响应头
在Geoserver中发布WMS服务时,可以通过以下步骤设置缓存: 打开Geoserver的管理界面,并进入“图层”页面。 点击发布标签,就可以看到Caching Settings 设置完成后,点击“保存”按钮保存更改即可生效。 通过以上步骤,就可以在Geoserver中为WMS服务设置缓存了。 ......
大华摄像机如何通过主动注册协议手动加入畅联平台
一、操作流程示意图 二、添加前准备工作 1.准备摄像机 准备一台带有主动注册协议的大华摄像机,把摄像机联网,且知道摄像机的IP、用户名、密码。 2.查看摄像机注册地址 登录畅联查看摄像机通过主动注册协议注册到平台所要指向的服务IP和端口信息。 三、详细操作步骤 1.配置摄像机 打开浏览器,地址栏中输 ......
29-Vue脚手架-mixin 混入
mixin 混入 功能:可以把多个组件共用的配置提取成一个混入对象 使用混合: 1)第一步,定义混入 新建一个JS文件,比如mixin.js src/mixin.js // 分别暴露 export const hunhe1 = { methods:{ showName(){ alert(this.n ......
vue实现动态展开与折叠内联块元素
功能需求 当多个内联块元素(比如div)在一个固定宽度的父元素内自动排列换行时,如果这些元素的行数超过四行,那么默认折叠超出的部分,并在第四行末尾显示一个按钮供用户切换展开或折叠状态。在折叠状态下,为了确保展开/折叠按钮能够显示在第四行末尾,会隐藏第四行的最后一个元素。在展开状态下,所有元素都会显示 ......
vue3 watch 用法
<script setup> import { ref,computed,watch } from 'vue' const num = ref(1) const name = ref('ming') const obj = ref({name:'小明',age:30}) //watch 简单类型 / ......
[Vue]computed和watch的区别
computed 和 watch 之间的区别: 1. computed 能完成的功能,watch 都可以完成。 2. watch 能完成的功能,computed 不一定能完成,例如: watch 可以进行异步操作。两个重要的小原则: 1.所有被 Vue 管理的函数,最好写成普通函数,这样 this ......
vue中如何使用svg,以及碰到的相应问题
安装 cnpm install svg-sprite-loader --save-dev 创建svg文件夹存放svg图标 创建icons文件夹,在icons文件夹下创建svg文件夹存放本地svg图标。 vue.config.js 中配置svg图片 config.module.rule("svg"). ......
vue3 elementplus table表格内添加checkbox和行号
1.仅添加复选框 <el-table-column type="selection" width="55"></el-table-column> 2.添加复选框和文字行号在一列 <el-table-column> <template #header> <el-checkbox v-model="se ......
vue 首次加载项目,控制台报错: Redirected when going from "/" to "/login"
第一次加载加载页面时报错如下:Redirected when going from "/" to "/login" via a navigation guard. ![image](https://img2023.cnblogs.com/blog/1880163/202310/1880163-202 ......
一文学会手动配置CANoe VLAN
随着汽车智能化发展,车内通信带宽需求日益增长,车载以太网逐渐成为车内骨干网络。为了实现更彻底的域间功能解绑,提升信息处理效率,提升网络安全等目的,VLAN被广泛应用在车载以太网通信领域。 VLAN能够将一个物理网络拆分为多个逻辑网络,域内无缝通信,域间相互隔离。交换机或网络通信节点可以在数据帧中添加 ......
js中使用css变量(vue)
html <div class="test" :style="{ '--backgroundColor': backgroundColor }"></div> js css .test { background-color: var(--backgroundColor); } ......
vue3 动态加载组件
<el-dropdown style="margin: 0px"> <el-button type="primary"> 视图 </el-button> <template #dropdown> <el-dropdown-menu> <el-dropdown-item v-for="dropItem ......
Jenkins配置java和vue构建环境
jdk,maven,node,localtime等配置可通过挂载的方式进行配置 前提条件是虚拟机中已配置好jdk,maven,node等环境 docker run --name jenkins -p 28081:8080 -p 50000:50000 -v /var/run/docker.sock: ......
Vue无线滚动不触发问题
Vue的v-infinite-scroll="load" 会无线触发 要定义实际高度和可视高度之间关系 设置style="overflow:auto;height:calc(100vh - 49px)" 100vh = 100% <div class="box" style="overflow:au ......
转载 vue-cli5降级为vue-cli4
vue-cli5降级为vue-cli4 1.启动命令行,运行npm config ls -l,找到userconfig路径下的.npmrc文件进行删除; 2.输入where vue,把 vue vue.cmd 这两个文件删除; 3.输入vue -V,会显示 ‘vue’ 不是内部或外部命令,也不是可运 ......
Vue
Vue 一套前端框架,免除原生JavaScript中的DOM操作,简化书写 基于MVVM(Model-View-ViewModel)思想,实现数据的双向绑定,将编程的关注点放在数据上 框架:是一个半成品软件,是一套可重用的、通用的、软件基础代码模型。基于框架进行开发,更加快捷,更加高效。 <head ......
记录--vue3实现excel文件预览和打印
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 在前端开发中,有时候一些业务场景中,我们有需求要去实现excel的预览和打印功能,本文在vue3中如何实现Excel文件的预览和打印。 预览excel 关于实现excel文档在线预览的做法,一种方式是通过讲文档里的数据处理成html ......
Docker系列---【mysql容器手动停止后,重启服务器,mysql容器被删掉了,如何恢复mysql数据?】
mysql容器手动停止后,重启服务器,mysql容器被删掉了,如何恢复mysql数据? 1.问题描述 为了快速搭建数据库,我使用了docker搭建数据库,由于服务器资源紧张,我想先把mysql容器停掉,启动jenkins容器,使用完之后再停掉jenkins,启动mysql,结果由于服务器资源有限,服 ......
多个vue项目共用组件
本文主要介绍引入本地的自己写的组件。 1.准备3个vue2项目 demo-common文件夹里是组件在demo1和demo2中都需要使用 2.在demo-common文件夹里新建index.js文件,跟package.json同级。在index.js文件里导出在其他项目里需要用到的组件 3.分别在d ......
【虹科干货】Redis 开发者需要了解的缓存驱逐策略
缓存驱逐是指从缓存中删除特定数据的过程。当缓存达到最大存储容量时,必须删除一些数据,为新数据腾出空间。本文将深入探讨与缓存驱逐有关的细节,并就如何选择合适的缓存驱逐策略给出建议。 ......
vue + element ui 树形半选传父级id给后台,回显实现
1. vue2 : 需要关联父子级: Html部分 check-strictly="false" <el-tree :data="dataTree" highlight-current show-checkbox :check-strictly="false" node-key="id" :prop ......
Vue中使用vue-count-to(数字滚动插件)
效果图 1. 简单介绍 npm官网:vue-count-to vue-count-to 就是一个组件插件,咱们引入进来,可以去打印一下,它就是一个组件实例,使用components注册一下,就可以在模板中使用了,具体方式如下: 2. 安装 npm install vue-count-to 3. 引入 ......
探秘磁盘的奥秘:物理结构、缓存和虚拟内存的作用
本文介绍了磁盘的物理结构、磁盘缓存和虚拟内存的重要性,并解释了它们在计算机系统中的作用。了解磁盘的物理结构可以帮助我们更好地理解数据的存储和访问过程,从而进行系统优化和性能提升。磁盘缓存和虚拟内存则能够提高数据读取速度和运行程序的能力。深入了解这些知识,将为您的计算机系统带来更好的性能和效率。 ......
vue中activated
vue 组件在开了,关了,再开,created,mounted不会触发,activated会解决这个问题,给力。。。 在Vue中,activated是组件生命周期函数之一,它会在组件被激活时调用。 具体来说,当一个组件被插入到DOM中并且处于活动状态(例如,它是父组件的子组件),activated函 ......
vue移动鼠标在canvas上画不规则图形(整合别人的,增加了一些功能)
1、draw_shape.js 1 /** 2 * 绘制不规则多边形 3 */ 4 5 import { Message } from 'element-ui' 6 7 export function draw_test(cav, list) { 8 // 画布初始化 9 let ctx = cav ......
vue运行中,常出错,是因为版本不一样,造成的
这个是版本冲突造成的 在package.json中添加 set NODE_OPTIONS openssl-legacy-provider ......