多个vue-cli版本vue
vue3--使用ref获取Dom元素
vue2中,ref使用: 在 div 元素上绑定了 ref 属性,并命名为 hello,接下来我们直接使用 this.$refs.hello 的方式就可以获取到该 DOM 元素了。 <template> <div id="app"> <div ref="hello">Vue2,ref获取dom元素< ......
基于vue3和elementplus实现的自定义table组件
基于vue3和elementplus实现的自定义table组件,集成查询工具栏分页,可通过配置直接实现基础的列表页基于vue3和elementplus实现的自定义table组件,集成查询工具栏分页,可通过配置直接实现基础的列表页 目录结构如下: 类型声明: declare type DictType ......
vue3 + xlsx 实现 excel 导入web页面解析成json数据
vue3 + xlsx 实现 excel 导入web页面并解析成json数据 fileIipt 动态创建的标签,一定要用户点击事件触发,不然文件选择框的弹出会被拦截,无法弹出。意思就是下面这段关键代码要用一个事件区触发执行,不能主动执行(比如:vue的钩子) import * as XLSX fro ......
vue js中,利用json数据临时生成一个可下载csv的功能
downloadCSV(data, fileName) { // 将数据转换为CSV格式 const csv = this.convertToCSV(data); // 创建一个Blob对象 const blob = new Blob([csv], { type: 'text/csv' }); // ......
Vue3节流指令封装
节流指令 import { ObjectDirective } from 'vue' interface ThrottleEl extends HTMLElement { throttleEvent: () => void } // 节流指令封装 const throttleDirective: O ......
vue-cli如何正确设置publicPath保证打包部署后静态资源路径正确的问题
vue-cli如何正确设置publicPath保证打包部署后静态资源路径正确的问题:<a/ target="__blank" href="https://blog.csdn.net/qq_42991509/article/details/119023191?utm_medium=distribute ......
【CGAL】VS-Boost-Qt-CGAL的版本和变量
VS-Boost-Qt-CGAL的版本 引言 原因:因为Boost、Qt creator、VS是CGAL的高度依赖库或环境,所以要注意版本一定要适配。 故障:Cmake编译出现bug,因为msvc版本CGAL最后测试出现bug,因路径不对输出白纸页面。 一、VS 先确定VS版本,才能对应下载合适的C ......
vue2 混入 (mixin) 带来的小惊喜
最近在review自己写的代码时发现,在很多的地方都用了以下的代码块 1 async initCode() { 2 const resSource = await this.$API.syscode.list.get({ 3 typeCode: "source", 4 type: 3, 5 }); ......
docker启动nacos 最新版本的命令如下
docker run \ --name nacos -d \ -p 8848:8848 \ --privileged=true \ --restart=always \ -e JVM_XMS=256m \ -e JVM_XMX=256m \ -e MODE=standalone \ -e PREFE ......
uniapp项目迁移至vue cli
目录相关资源注意事项安装vue cli使用uni-preset-vue模板创建uniapp拷贝文件安装依赖main.jsuni.scsspages.jsonvue.config.jshttp请求/响应拦截器H5跨域配置运行与发布 相关资源 uni-preset-vue 源码 uniapp 官网 uV ......
dremio 24.3 版本构建的一些问题
dremio 24.3 社区版代码提供了,从官方文档来看,构建与以前不太一样了,以下是构建中一些问题说明 主要问题 jdk 需要同时包含jdk8 以及jdk11, maven 配置toolchains 解决方法 对于多jdk 的安装可以使用二进制程序,比如我使用的mac 我使用了sdkman 这个工 ......
vue实现文件上传,前后端
前端封装el-upload组件,父组件传值dialogVisible(用于显示el-dialog),子组件接收,并且关闭的时候返回一个值(用于隐藏el-dialog),最多上传五个文件,文件格式为.jpg\pdf\png <template> <div> <el-dialog width="30%" ......
# vue 使用 html2canvas 截取图片保存
vue 使用 html2canvas 截取图片保存 好久没有写博文了,写够了,没啥想写的了,这个号算是废了,哎,气人啊!越来越胖,越来越懒了。 html2canvas 简介 html2canvas是一个JavaScript库,它可以将HTML元素转换为Canvas元素。具体来说,它可以将整个页面或特 ......
vue封装上传图片
一。在components下新建 upLoadImg / index.js <template> <div> <el-upload class="avatar-uploader" action="111" :show-file-list="false" :auto-upload="false" :o ......
vue上传图片到指定文件夹
vue代码<template> <div class="app-container"> <div class="wenben"> <el-upload :disabled="dis==0?true:false" class="upload-demo" :action="uploadUrl" :on- ......
快应用版本
试试低版本的fa-toolkit,工程目录下的package.json里,fa–toolkit的值改成13.2.1-Stable.301,不要^符号,然后在终端手动执行npm install 检查下package.json中是否存在依赖 wepack .webpack-cli hap-toolkit ......
vue3+vite动态引入图片(import.meta.glob)
Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件,但实际上这个方法就是 很多import语句的集合而已,import是可以引入图片的,所以import.meta.glob 也同样可以引入图片资源,只不过需要加入配置项 as:'url' 就可以了 ......
Vue模版(主要对axios进行了封装)
Vue模版 一、优势: vue-router(包含前后置路由守卫) axios的多次封装,aixos集中管理 html、js、css、vue文件的代码规范化 引入elementui 二、环境 Node20可正常运行 三、使用方法 1.安装依赖 npm install 2.运行脚手架 npm run ......
vue中下载--后端返回的文档流
实现后端返回的文档流,点击下载 <div class="prom-add" @click="downLoad"><i class="el-icon-download"></i>下载</div> import request from '@/router/axios' //下载 async downL ......
vue 超链接 a标签 router-link
router-link https://blog.csdn.net/lixinyi0622/article/details/107206218/ https://blog.51cto.com/u_15082403/4634663 ......
vue上传文件夹
方法1:jq import $ from 'jquery' <form id="frm-reg" :action="actionUrl"//上传地址 method="post" webkitdirectory accept="multipart/form-data" enctype="multipa ......
Line多开,一键切换多个账号
现如今,智能手机已经成为人们生活中不可或缺的工具,而社交软件也是我们日常生活中非常重要的一部分。其中,Line作为一款国际知名的通讯软件,备受大众喜爱。但是,对于一些需要管理多个账号的用户来说,每次切换账号都需要重新登录,非常麻烦。不过,现在有了Line多开功能,可以帮助用户轻松实现一键切换多个账号 ......
Java各个版本区别
1 Java Java 是一种广泛使用的计算机编程语言,拥有跨平台、面向对象、泛型编程的特性,广泛应用于企业级Web应用开发和移动应用开发。 Java有三个版本: Java SE(Java Platform,Standard Edition)Java标准版,也称 J2SE,Java SE 是做电脑上 ......
Vue中动态(import 、require)显示img图片
vue中,经常会遇到显示图片的问题, 如果是一个普通组件的话,那么这样就可以了 <img src="../assets/images/avtor.jpg" width="100%"> 上文的弊端有两个: 首先,是采用绝对路径引入。如果以后图片移动了位置,需要修改代码。 其次,如果说图片是一个logo ......
CAP 8.0 版本发布通告 - CAP 7岁生日快乐!
前言 今天,我们很高兴宣布 CAP 发布 8.0 版本正式版,从 2016 年 12 月 14 日CAP立项到 2023 年 12 月14 日发布 8.0 版本刚好满 7 年,祝 CAP 7 岁生日快乐,巧的是这一天也是我生日,真是意想不到啊! 那就做一个 Overview 吧,在这7年间,我们一共 ......
Vue项目引入图片的两种场景和三种方式
场景一:public目录下的图片 public目录 public目录下的图片引入方式: Bash <!--'/images/'+图片名称,这种属于绝对路径,/指向public目录 --> <img src="/images/image.png"> 场景二:在src目录下的图片 src目录 通过imp ......
版本选择
一、Netdlix停更 二、官方推荐替代品 SpringCloud Alibaba成为业界主流的微服务解决方案 三、SpringCloud Alibaba版本选择 官方Github ......
Nginx配置多个域名的80端口访问
Nginx是一个高性能的Web服务器和反向代理服务器,具有灵活的配置选项。它可以通过多个域名配置80端口,以实现多个网站的访问。首先,需要在Nginx的配置文件中定义多个域名,并将它们指向同一个IP地址。以下是一个示例的Nginx配置文件(/etc/nginx/nginx.conf): http { ......