多个vue-cli版本vue

vue移动端调试工具

1、安装vconsole npm install vconsole 2、main.js中导入 import Vconsole from 'vconsole' const vConsole = new Vconsole() Vue.use(vConsole) ......
工具 vue

Vue H5 Swiper 动画

简介及使用教程 Vue H5 Swiper是一个H5移动滑块组件,适用于H5应用程序,轻量。 安装 Npm npm i vue-h5-swiper Yarn yarn add vue-h5-swiper 使用 引入 import { Swiper, SwiperItem } from 'vue-h5 ......
动画 Swiper Vue H5

Vue Swing 左右动态滑动的动画

简介及使用教程 Vue Swing是滑动组件Swing的Vue.js包装器。 Swing是可滑动的卡界面,向左/向右滑动表示是/否输入,就如在Jelly和Tinder等应用程序中看到的那样。 安装 Npm npm i vue-swing Yarn yarn add vue-swing 使用 引入并注 ......
动画 动态 Swing Vue

Vue 文本字幕组件(Marquee Text Component)

简介及使用教程 Vue 文本字幕组件(Marquee Text Component)是一个Vue.js的字幕文本组件,具有CSS GPU动画、快速、功能强大等特点。 安装 Npm npm i vue-marquee-text-component Yarn yarn add vue-marquee-t ......
字幕 组件 Component 文本 Marquee

vue-devtools-简介、下载、安装、配置、使用

一、安装方法(推荐) 1、克隆:git clone -b v5.1.1 https://github.com/vuejs/vue-devtools.git2、修改 mainifest.json 中的 persistant 为 true 3、执行命令 npm i 4、执行安装命令 npm run bu ......
vue-devtools devtools 简介 vue

Vue打包成单个Html文件

前提 Vite + Vue3 首先安装依赖: npm i vite-plugin-singlefile npm i unplugin-auto-import npm i unplugin-vue-components 修改vite.config.js import { fileURLToPath, ......
单个 文件 Html Vue

记录--用 Vue 实现原神官网的角色切换效果

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 为了更好的了解原神角色,我模仿官网做了一个角色切换效果,在做的过程当中也总结了一些技术点。 为了让大家更好的体验,我兼容了 PC 端和移动端,建议在 PC 端查看效果更佳。接下来就为大家简单的分享一下! 话不多说,原神启动!! 效果 ......
角色 效果 Vue

在.NET 8 RC1 版本中 MAUI、ASP.NET Core 和 EF8 的新特性

从年初2 月份发布第一个预览版,经历7个预览版后,Microsoft 西雅图时间9月13日发布了 .NET 8 RC 1: https://devblogs.microsoft.com/dotnet/announcing-dotnet-8-rc1/[1], 这是该框架在 11 月初正式发布之前的两个 ......
NET 特性 版本 MAUI Core

【Azure Batch】在批处理的Task中如何让它执行多个CMD指令呢

cmd /c "echo %date% %time% & set AZ_BATCH & timeout /t 90 > NUL & timeout /nobreak /t 10 & echo 'what is your name?' & echo %date% %time% & for %I in... ......
指令 多个 Azure Batch Task

《VUE》走马灯组件

<template> <!-- 走马灯 --> <div class="box"> <div class="carousel"> <div class="item" v-for="(v,i) in list" :key="i" @click="open(v)"> <img :src="v.img" ......
组件 VUE

利用委托技术实现多个子窗口与主窗口之间交互通信——修订版

上次发的《利用委托技术实现多个子窗口与主窗口之间交互通信》存在如下几个问题: 1.没有详细注释说明采用了哪几个委托,分别是干什么的,委托的5要素没有清晰的标识出来——详细注释出来; 2.当子窗口先打开,再关闭了以后,程序仍然可以响应“警告”“问题”....等弹框。——通过判断自创的isDispose ......
修订版 多个 之间 技术

vue element admin 实现钉钉登录

lender提了个需求,要求实现钉钉扫码登录,分pc端(扫码)及手机端(直接跳转) 准备工作 根据开发者后台文档获取appId并设置对应的回调url。为了方便演示回调url我们暂定为:https://test.com/ding 登录跳转代码 PC扫码跳转 window.location.href = ......
element admin vue

vue element admin 导出带有sheet的excel

lender提了个需求,要求实现导出excel并且要分sheet页,博主非常依赖框架,以为框架的代码示例里会有,结果找了一圈都没看见,非常蛋疼只能自己改写代码了 改写函数部分 在框架根目录找到 src/vendor/Export2Excel.js 文件,搜索export_json_to_excel  ......
element admin sheet excel vue

流水线之版本tag

# 语义化版本 2.0.0 ## 摘要 版本格式:主版本号.次版本号.修订号,版本号递增规则如下: 1. 主版本号:当你做了不兼容的 API 修改, 2. 次版本号:当你做了向下兼容的功能性新增, 3. 修订号:当你做了向下兼容的问题修正。 先行版本号及版本编译信息可以加到“主版本号.次版本号.修订 ......
流水线 流水 版本 tag

application 'vueApp' died in status NOT_MOUNTED: [qiankun]: Target container with #vue not existed after vueApp mounted!

这是第一次微前端很常见的提示,尤其是第一次写前端的时候碰到的 解决1:主应用的 App.vue标签上的id="app"去掉,这是报错的根本解决2: // 在子应用挂在的时候处理 function render(props = {}) { const { container } = props; in ......

vue高德地图多边形覆盖区

高德地图准备工作 安装amap cnpm国内安装比npm更快些; cnpm install vue-amap --save main.js 配置amap的基础配置项 import GaodeMap from 'vue-amap' Vue.use(GaodeMap) GaodeMap.initAMap ......
多边形 地图 vue

微前端-qiankun(乾坤)入门(只针对vue + vue)

微前端现在主要以qiankun为主,网上有很多微前端的教学,但是很多啰嗦甚至没有讲到要点,逻辑顺序也很跳跃,对于想入门的同学来说学习时间过长,结合种种情况,我整理网上qiankun 中 vue的教学,从一个入门新生,怎么一步一步创建一个项目过程开始讲解。 一、首先什么是微前端(了解) 微前端就是将不 ......
前端 乾坤 vue qiankun

vue导出带样式的excel

示例说明实现导出excel不同块的颜色 template a标签仅做文件名称调整,默认为隐藏状态; <template> <div> <button @click="exportExcel">导出</button> <a ref="export_a" /> </div> </template> sc ......
样式 excel vue

nvm、node、vue安装、vue项目创建打包

nvm、node、vue安装、创建vue项目 nvm作用:可以管理多个版本的node,切换node版本,下载node。 前情提要 参 考:https://zhuanlan.zhihu.com/p/519270555 下载地址:https://github.com/coreybutler/nvm-wi ......
vue 项目 node nvm

Vue3语法基本使用

1、watch 使用 watch(监听数据源,执行函数,[配置参数]) //配置参数: 立即执行 深度监听 {immediate: true, deep: true } 1.1 监听基本数据类型单一数据源 <script setup> import {ref, watch} from 'vue' l ......
语法 Vue3 Vue

解决vue中watch监听对象变化获取不到旧数据的问题

解决vue中watch监听对象变化获取不到旧数据的问题 1.问题代码 watch: { pageInfo: { handler(newVal, oldVal) { console.log(newVal, oldVal); }, } } 结果:打印出来newVal和oldVal输出内容一样 conso ......
对象 数据 问题 watch vue

vue2使用百度地图(vue-baidu-map)

https://dafrok.github.io/vue-baidu-map/#/ https://www.npmjs.com/package/vue-baidu-maphttps://lbs.baidu.com/index.php?title=jspopularGL/guide/getkey 一 ......
vue-baidu-map vue 地图 baidu vue2

从零开始使用vue2+element搭建后台管理系统(实现导出excel表格的功能)

首先参阅了以下文档: https://panjiachen.gitee.io/vue-element-admin-site/zh/feature/component/excel.html#excel-%E5%AF%BC%E5%87%BA https://blog.csdn.net/weixin_42 ......
表格 后台 管理系统 element 功能

tomcat 怎么设置多个端口号

今天呢 傻逼经理为了刁难我 让我在一个tomcat下面 给不同的页面 设置不同的端口号 按照以往的话 开发中一般就是一个项目对应一个端口号 然后我当时就有点蒙 给他怼过去了 mad 傻呗经理 不懂装懂 又爱装逼 我去你大爷的 然后呢 我就当着他的面百度啊 为了不让别人帮我 还把所有人都叫到办公室了 ......
口号 多个 tomcat

Learn Git in 30 days——第 16 天:善用版本日志 git reflog 追踪变更轨迹

写的非常好的一个Git系列文章,强烈推荐 原文链接:https://github.com/doggy8088/Learn-Git-in-30-days/tree/master/zh-cn 其实学习 Git 版本控制的指令操作并不难,但要弄清楚 Git 到底对我的仓库做了什么事,还真不太容易。当你一步 ......
轨迹 版本 reflog Learn 日志

浏览器安装vue.js-devtools插件

1.火狐浏览器在——扩展和主题搜索vue,如下图所示,直接安装插件 2.Google Chrome和360浏览器 由于打不开google商店只能采取离线下载安装插件的方式 ......
js-devtools 插件 devtools 浏览器 vue

springboot+vue整合百度的Ueditor

前言 最近应上级要求,添加一个富文本编辑器,百度的Ueditor(主角来了);划重点2016年就停更了! 废话不多说,直接开始操作吧。 !!!建议看的时候仔细一点,因为很可能遗漏了某个地方就很抓狂!!! 相信你看完肯定会有收获的 1、先去GitHub官网上下载Ueditor(点这里) 下载完成之后解 ......
springboot Ueditor vue

vue端接收springboot端传来的表格数据

1、成果--实现啦! 2、vue端相关代码 表格界面: <template> <div id="one"> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="id" label="Id" wid ......
springboot 表格 数据 vue

在.NET 8 RC1 版本中 MAUI、ASP.NET Core 和 EF8 的新特性

从年初2 月份发布第一个预览版,经历7个预览版后,Microsoft 西雅图时间9月13日发布了 .NET 8 RC 1: https://devblogs.microsoft.com/dotnet/announcing-dotnet-8-rc1/[1], 这是该框架在 11 月初正式发布之前的两个 ......
NET 特性 版本 MAUI Core

vue九宫格播放

[2023年9月12日22:09:19] vue实现九宫格自适应播放 业务要实现九宫格的播放,同时也要做到拖拽放大的自适应,两种思路方法,一种是通过九宫格播放容器的宽高进行单元格尺寸的计算再搭配flex等css实现自适应,工作量较大;第二种是通过ui组件库自带的grid布局,这里用ant-desig ......
九宫 vue