多个vue-cli版本vue
vue 脚手架文件结构及加载过程浅谈
1. 初始化脚手架 1.1 全局安装 @vue/cli npm install -g @vue/cli 1.2 切换到创建项目的目录，执行 vue create projectname 1.3 选择符合自己要求的项进行Y/N，最终生成项目文件 2. 脚手架文件结构 |-- node_modules: ......
vue--day68--插槽的总结
## 插槽 1. 作用：让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于 <strong style="color:red">父组件 > 子组件</strong> 。 2. 分类：默认插槽、具名插槽、作用域插槽 3. 使用方式： 1. 默认插槽： ```vue 父组件中 ......
vue--day67--作用域插槽
1. App.vue <template> <div class="container"> <Category title="游戏" > <template scope="atgui"> <ul > <li v-for="(g,index) in atgui.games" :key="index"> ......
FastJson不成想还有个版本2啊：序列化大字符串报错
# 背景 发现陷入了一个怪圈，写文章的话，感觉只有大bug或比较值得写的内容才会写，每次一写就是几千字，争取写得透彻一些，但这样，我也挺费时间，读者也未必有这么多时间看。 我想着，日常遇到的小bug、平时工作中的一些小的心得体会，都还是可以写写，这样也才是最贴近咱们作为一线开发生活的，也不必非得是个 ......
vue3+vite2动态绑定图片优雅解决方案
> 优雅解决方案在最下面，小伙伴们儿可以直接前往 😊 > # 背景 在vue3+vite2项目中，我们有时候想要动态绑定资源，比如像下面的代码这样： ```html ``` 实际效果是这样： 
在HTML+CSS+JavaScript前端三件套后，Vue的出现就显得很有必要了 Vue是一种前端开发JS框架，它的出现使传统的面向JS中的DOM对象模型的开发效率得到了提升。Vue的核心思想是MVVM（Model-View-ViewModel）模型，这种模型使得前端的页面显示同后端数据模型相结合 ......
vue复习
vue vue是什么？ 它是一个轻量级MVVM框架 数据驱动+组件化的前端开发 Github 超过25K + 的star 熟，社区完善 Vue.js更轻量，gzip后大小只有26K；更易上手，学习曲线平稳 形成Vue渐进式框架的核心概念为：组件化，MVVM，响应式，和生命周期 vue的优缺点 优点1 ......
python解释器的安装与多版本共存
# 内容总结 ## 一、计算机内部存储的原理 ````python # 计算机内部只认识01二进制 因为计算机是基于电频工作的，电频是有高低之分的 # 存储单位 比特位(bit) '''二进制的位数''' 00000001 00000001 8比特位=1字节(bytes) 1024字节(bytes) ......
Vue packages version mismatch:
报错原因：vue与vue-template-compiler版本不匹配。 解决办法： 上图中说了看看使用vue-loader的版本，我的是13版本大于10.0版本，这个时候需要更新vue-template-compiler //卸载 npm uninstall vue-template-compil ......
解决vue项目中虚拟键盘弹起将页面中底部按钮上移问题
在vue中使用定位将表单中的取消，确认按钮固定在底部时，安卓手机在编辑表单内容时会将底部按钮整体往上移动，按钮出现在虚拟键盘上面，此时可以通过监听虚拟键盘的弹起与收起来控制键盘的显示与隐藏，以解决按钮显示在虚拟键盘之上的问题， 没有时间赘述， 附上转载链接： https://blog.csdn.ne ......
vue eslint 报错 error “Component name “*****“ should always be multi-word”，该怎么办？
出现的问题： 在 vue-cli 创建的项目中，创建文件并命名后，会报 “Component name "*****" should always be multi-word” 报错； 报错截图示例如下： Component name "******" should always be multi- ......
Vite + Vue3 + Element-Plus
搭建 Vite 项目 注意 Vite 需要 Node.js 版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。 使用 NPM: npm create vite@latest 使用 Yarn: yarn cr ......
解决Vue中el-select第二次选择选项时才会显示上一个选项的响应结果
今天在写一个选择器的时候出现一个问题 这个功能需求是：通过选择器选择不同的选项，点击查询按钮发送请求，并将响应结果放到一个div中用v-if控制是否显示。 看似简单的一个功能，却出现一个很搞笑的bug。在我选择一个选项点击查询，本应该显示结果的div没有显示出来，而在选择一个其他选项，不需要点击查询 ......
任何人都可被悄悄添加为公司“法人”！媒体曝多个政务App存在重大安全漏洞
张女士从未到过湖南株洲，却发现自己名下有一家个体工商户，且该公司位于千里之外。她报警和反馈后得知，该个体户是通过网上办理并进行了实名验证，合法合规。然而这不是个例，黑龙江一名男子无故成为河北一家公司的独资股东，并承担了该公司拖欠641万元税款的责任；重庆一位教师发现自己莫名成为山东一家公司的法人，导 ......
vue 项目加水印---canvas画图法
搬运 蛙蛙 大佬的文章（做了写自己的补充） 文章链接：https://segmentfault.com/a/1190000022055867，怕以后找不到了 一：创建watermark.js文件 /** 水印添加方法 */ let setWatermark = (str1, str2) => { l ......
Using 声明”在 C# 7.3 中不可用。请使用 8.0 或更高的语言版本
Core3.0升级至3.1时候报错：“Using 声明”在 C# 7.3 中不可用。请使用 8.0 或更高的语言版本。 解决办法: 在工程.csproj文件中的<PropertyGroup>节加入<LangVersion>preview</LangVersion>即可。也可以指定具体的版本。 ......
vue图片预览（ 放大 缩小 旋转 鼠标拖动）
* 此组件是图片是默认展开的 里面是操作的功能  代码如下 ` {{ title }} {{ currentInd ......
安装vue3+vite报错
报错：‘D:\Program‘ 不是内部或外部命令，也不是可运行的程序； 我已经配置过环境变量，发现是node 安装目录 D:\Program Files\nodejs ，中间有空格导致，只能改变nodejs位置 1.把nodejs整个剪切出来放在d盘根目录下面 2.修改node的全局环境 npm ......
Vue3定义全局函数和变量
定义全局函数 Vue2 和 Vue3 的区别 由于 Vue3 没有 Prototype 属性，所以需要在 main.ts 文件里使用 app.config.globalProperties 去定义全局函数和变量 Vue2： // 之前 (Vue 2.x) Vue.prototype.$http = ......
vue3 使用swiper实现轮播图（两边小中间放大效果轮播图）
先引入swiper ，我直接引入的最新的包是10.2.0 pnpm add swiper yarn add swiper 在vue页面引入 <script setup> import { Swiper, SwiperSlide } from 'swiper/vue'; import { Autopl ......
Vue项目原本原本http请求变成了https
Vue项目http请求变更为https处理方式在index.html中添加如下代码 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">如果向去去掉s就注释 <meta http-equiv=" ......
vue3 使用 router 进行跳转备忘
1.在画面中添加子画面，使用 el-menu 菜单进行跳转，只更新子画面 a.首先在配置 router 路径的 js 文件中配置画面的路径，子画面的路径要在父画面的 children 下面 在父节点下设置 redirect 属性，打开父画面时会默认打开相应子画面，否则子画面默认显示为空白 b.在画面 ......
直播平台软件开发，vue-全局过滤器时间
直播平台软件开发，vue-全局过滤器时间 步骤一：处理数据 export const formatYmd = (date) => { let time = new Date(date) let y = time.getFullYear() let m = time.getMonth() + 1 le ......
Echarts series里面多条也就是多个饼图，怎么设置，让所有饼图都显示
在Echarts中，饼图（pie）类型的series是没有坐标系的，它是以圆心为基准绘制的。因此，你无需设置坐标系来让多个饼图都显示。 但是，如果你想要在一个图表中显示多个饼图，你可以通过使用多个series来实现。每个series代表一个饼图，并且可以通过不同的半径、位置、大小等参数来区分它们。下 ......
chrome 升级到最新版本
1. chrome 升级到一个很新的版本： 116 ， 突然报了一个奇怪的错误： selenium : There is no such driver by url https://chromedriver.storage.googleapis.com/Current browser version ......
vue3 使用vuex以及数据持久化
/* * @Author: Caixia.Gao * @LastEditors: Caixia.Gao * @Date: 2023-08-23 11:28:44 * @LastEditTime: 2023-08-23 11:45:05 * @Description: */ // 引入vuex imp ......
Google Chrome和ChromeDriver版本号不一致问题解决
1 (base) kaka@KakadeMBP bin % /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --version 2 Google Chrome 116.0.5845.96 3 (base) kaka@Kak ......
Vue 重置data的数据为初始状态操作
在某些情况下，需要重新使用data中的数据，但是data中的数据已经被各种表单、变量等赋值，那么怎么重置data的值呢？ 1. 逐个赋值 ... data() { return { name: '', sex: '', desc: '' } } ... // 逐个赋值 this.name = '' ......
Chrome116驱动下载路径 解决版本不匹配问题
#  > 更新于 2023-08-23 后续可能会有同步，就不会引发该问题 > > 要看解决可以直接看最后的总结 # ......
RuoYi-vue配置记录
如果这个项目能顺利运行，标志着Springboot+vue的前后端环境都配好了。 一、官方文档 若依官方文档：介绍 | RuoYi，在这个地方克隆/下载项目源代码https://gitee.com/y_project/RuoYi-Vue 解压到自己的目录下 首先根据官方文档的环境部署所说，检查一下自 ......