分类:vue

vue开发笔记

vue2升级vue3后.sync无效了

vue2升级vue3后.sync无效了
vue2项目升级为vue3后,发现一些地方不能正常运行了,其中有一项是使用.sync没办法正常赋值了。 查询相关说明得知Vue3中v-model取代了.sync,.sync不再被支持。 vue2下的sync <tab :active.sync="active&qu...

yekong 2年前 (2023-01-31) 喜欢

vue 实现安卓.9图片类似的效果九宫格图片

vue 实现安卓.9图片类似的效果九宫格图片
在vue数据大屏开发中,经常会出现为了装饰而有很多异形头部,比如vue数据大屏 采油厂风险管控系统这个项目,里面有很多异形头部图,就像下面的截图,长得很像但是长度又不一样的,当时为了切这些地方切出来好多个很相似但是宽度又不同的图片,页面稍微调整宽度,这些位置就会轻微变形。 通过将...

yekong 2年前 (2023-01-31) 喜欢

vue使用icomoon字体图标

vue使用icomoon字体图标
在制作icomoon字体图标前,我们首先需要有svg格式的图标文件,之前有文章写过 导出psd文件内的小图标制作成字体图标 如果有了svg文件后,那么就可以继续了,打开工具icomoon 打开工具icomoon 工具地址:icomoon 上传svg文件到icomoon生成图标 点...

yekong 2年前 (2023-01-30) 喜欢

vue实现类似安卓原生里的.9图片效果九宫格图片制作

vue实现类似安卓原生里的.9图片效果九宫格图片制作
在vue数据大屏开发中,经常会出现为了装饰而有很多异形头部,比如vue数据大屏 采油厂风险管控系统这个项目,里面有很多异形头部图,就像下面的截图,长得很像但是长度又不一样的,当时为了切这些地方切出来好多个很相似但是宽度又不同的图片,页面稍微调整宽度,这些位置就会轻微变形。 所以...

yekong 2年前 (2023-01-30) 喜欢

vue 给div的四个角增加图片模板组件

vue 给div的四个角增加图片模板组件
vue数据大屏项目开发时,经常会遇到为了装饰元素会在四个角增加一些不一样的装饰,但是每次都要写一遍太麻烦了,所以抽离出来给div的四个角增加图片模板作为一个组件。让四角添加起来更方便。后面拿过来微调一下就可以直接使用了,不用再重复编写代码了。 使用时,父级需要添加positio...

yekong 2年前 (2023-01-30) 喜欢

vue3 vite项目使用wow.js实现加载动画

vue3 vite项目使用wow.js实现加载动画
最近在学习vue3,为了更好的实践,所以着手将手头以前做过的项目升级为vue3来对比看看都有哪些变化。于是将手头的项目数据大屏视频监控智能分析系统进行vue3升级。之前的项目中要引入wowjs来实现动画,但是升级到vue3后再使用wowjs会报下面的错误。 报错 Uncaught...

yekong 2年前 (2023-01-28) 喜欢

vue3 使用使用animate.css组件不生效

vue3 使用使用animate.css组件不生效
vue项目中会使用wow.js+animate.css这类插件进行项目动画渲染。但是使用animate.css插件没有效果,使用特定版本的animate.css就可以,今天趁着处理vue3 vite项目使用wowjs实现加载动画问题也把这个历史问题给解决了。推荐方案1 解决方案...

yekong 2年前 (2023-01-28) 喜欢

vue3 vite使用@ 配置路径别名

vue3 vite使用@ 配置路径别名
在vue2开发时一直使用的别名提示,使用vue3的vite时,突然不能用别名了,研究发现需要配置一下。 找到vite.config.js,添加alias配置就重新运行就可以了。 import {defineConfig, loadEnv} from 'vite'; import ...

yekong 2年前 (2023-01-24) 喜欢