多个vue-cli版本vue
vue移动端调试工具
1、安装vconsole npm install vconsole 2、main.js中导入 import Vconsole from 'vconsole' const vConsole = new Vconsole() Vue.use(vConsole) ......
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 ......
Vue Swing 左右动态滑动的动画
简介及使用教程 Vue Swing是滑动组件Swing的Vue.js包装器。 Swing是可滑动的卡界面,向左/向右滑动表示是/否输入,就如在Jelly和Tinder等应用程序中看到的那样。 安装 Npm npm i vue-swing Yarn yarn add vue-swing 使用 引入并注 ......
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 ......
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打包成单个Html文件
前提 Vite + Vue3 首先安装依赖: npm i vite-plugin-singlefile npm i unplugin-auto-import npm i unplugin-vue-components 修改vite.config.js import { fileURLToPath, ......
记录--用 Vue 实现原神官网的角色切换效果
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 为了更好的了解原神角色,我模仿官网做了一个角色切换效果,在做的过程当中也总结了一些技术点。 为了让大家更好的体验,我兼容了 PC 端和移动端,建议在 PC 端查看效果更佳。接下来就为大家简单的分享一下! 话不多说,原神启动!! 效果 ......
在.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 月初正式发布之前的两个 ......
【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... ......
《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" ......
利用委托技术实现多个子窗口与主窗口之间交互通信——修订版
上次发的《利用委托技术实现多个子窗口与主窗口之间交互通信》存在如下几个问题: 1.没有详细注释说明采用了哪几个委托,分别是干什么的,委托的5要素没有清晰的标识出来——详细注释出来; 2.当子窗口先打开,再关闭了以后,程序仍然可以响应“警告”“问题”....等弹框。——通过判断自创的isDispose ......
vue element admin 实现钉钉登录
lender提了个需求,要求实现钉钉扫码登录,分pc端(扫码)及手机端(直接跳转) 准备工作 根据开发者后台文档获取appId并设置对应的回调url。为了方便演示回调url我们暂定为:https://test.com/ding 登录跳转代码 PC扫码跳转 window.location.href = ......
vue element admin 导出带有sheet的excel
lender提了个需求,要求实现导出excel并且要分sheet页,博主非常依赖框架,以为框架的代码示例里会有,结果找了一圈都没看见,非常蛋疼只能自己改写代码了 改写函数部分 在框架根目录找到 src/vendor/Export2Excel.js 文件,搜索export_json_to_excel ......
流水线之版本tag
# 语义化版本 2.0.0 ## 摘要 版本格式:主版本号.次版本号.修订号,版本号递增规则如下: 1. 主版本号:当你做了不兼容的 API 修改, 2. 次版本号:当你做了向下兼容的功能性新增, 3. 修订号:当你做了向下兼容的问题修正。 先行版本号及版本编译信息可以加到“主版本号.次版本号.修订 ......
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 ......
微前端-qiankun(乾坤)入门(只针对vue + vue)
微前端现在主要以qiankun为主,网上有很多微前端的教学,但是很多啰嗦甚至没有讲到要点,逻辑顺序也很跳跃,对于想入门的同学来说学习时间过长,结合种种情况,我整理网上qiankun 中 vue的教学,从一个入门新生,怎么一步一步创建一个项目过程开始讲解。 一、首先什么是微前端(了解) 微前端就是将不 ......
vue导出带样式的excel
示例说明实现导出excel不同块的颜色 template a标签仅做文件名称调整,默认为隐藏状态; <template> <div> <button @click="exportExcel">导出</button> <a ref="export_a" /> </div> </template> sc ......
nvm、node、vue安装、vue项目创建打包
nvm、node、vue安装、创建vue项目 nvm作用:可以管理多个版本的node,切换node版本,下载node。 前情提要 参 考:https://zhuanlan.zhihu.com/p/519270555 下载地址:https://github.com/coreybutler/nvm-wi ......
Vue3语法基本使用
1、watch 使用 watch(监听数据源,执行函数,[配置参数]) //配置参数: 立即执行 深度监听 {immediate: true, deep: true } 1.1 监听基本数据类型单一数据源 <script setup> import {ref, watch} from 'vue' l ......
解决vue中watch监听对象变化获取不到旧数据的问题
解决vue中watch监听对象变化获取不到旧数据的问题 1.问题代码 watch: { pageInfo: { handler(newVal, oldVal) { console.log(newVal, oldVal); }, } } 结果:打印出来newVal和oldVal输出内容一样 conso ......
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 一 ......
从零开始使用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 ......
tomcat 怎么设置多个端口号
今天呢 傻逼经理为了刁难我 让我在一个tomcat下面 给不同的页面 设置不同的端口号 按照以往的话 开发中一般就是一个项目对应一个端口号 然后我当时就有点蒙 给他怼过去了 mad 傻呗经理 不懂装懂 又爱装逼 我去你大爷的 然后呢 我就当着他的面百度啊 为了不让别人帮我 还把所有人都叫到办公室了 ......
Learn Git in 30 days——第 16 天:善用版本日志 git reflog 追踪变更轨迹
写的非常好的一个Git系列文章,强烈推荐 原文链接:https://github.com/doggy8088/Learn-Git-in-30-days/tree/master/zh-cn 其实学习 Git 版本控制的指令操作并不难,但要弄清楚 Git 到底对我的仓库做了什么事,还真不太容易。当你一步 ......
浏览器安装vue.js-devtools插件
1.火狐浏览器在——扩展和主题搜索vue,如下图所示,直接安装插件 2.Google Chrome和360浏览器 由于打不开google商店只能采取离线下载安装插件的方式 ......
springboot+vue整合百度的Ueditor
前言 最近应上级要求,添加一个富文本编辑器,百度的Ueditor(主角来了);划重点2016年就停更了! 废话不多说,直接开始操作吧。 !!!建议看的时候仔细一点,因为很可能遗漏了某个地方就很抓狂!!! 相信你看完肯定会有收获的 1、先去GitHub官网上下载Ueditor(点这里) 下载完成之后解 ......
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 ......
在.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 月初正式发布之前的两个 ......