Vue3实战
文章平均质量分 51
记录Vue3在开发过程中遇到的问题
扶苏1002
一个热衷于技术的前端博主
展开
-
Vue3中让搜索出来的关键词标红
【代码】Vue3中让搜索出来的关键词标红。原创 2024-05-16 18:47:24 · 426 阅读 · 0 评论 -
基于Vue3+Vite+TS+ESLint+Prettier+Husky+lint-staged+commitlint+stylelint的项目构建
在新版 TypeScript 中,已经不在使用 package.json 根结构中的 types 字段。而是需要在 exprots 中添加 typs 字段。.eslintrc因为是node写的规范,所以遵循commonjs规范,所以是cjs后缀;如果是ESModel规范,则是mjs后缀。git commit 之前就可以 进行暂存区代码的style校验。创建完成后指令:1:进入项目 2:安装依赖 3:运行项目。此时证明ESLint已经配置成功。原创 2024-04-19 18:15:24 · 819 阅读 · 0 评论 -
Vue3.x歌词根据播放时间自动滚动
从后台拿到歌词数据,默认是字符串格式像这样。获取歌词视口高度的一般。事件获取实时播放时间。获取每条歌词的的高度。原创 2024-02-04 10:59:28 · 494 阅读 · 0 评论 -
Vue3 +Vite使用require报错
原本我们在Vue2时代,可以使用require导入静态资源,如下所示但在Vue3中的Vite没有require方法定义的使用,说白了就是不使用require方法进行资源的导入,而是使用新的方法。详情请看官网。原创 2024-02-04 10:55:22 · 1057 阅读 · 0 评论 -
Vue3开发时配置使用mock数据
中将接口导入,这样在项目中任意组件内都可以请求这些接口了。article.js和category.js代码省略。模拟好假数据接口之后,我们还要在。为axios`的二次封装。(不会在请求后端),所以。代表开发依赖,可简写为。只在开发环境中使用。原创 2024-02-04 10:38:19 · 1884 阅读 · 1 评论 -
Vue3中代替filters过滤器三种方案
/ 方法三 自定义指令过滤if (playCount > 9999) el.innerText = (playCount / 10000).toFixed(2) + "万";原创 2024-02-04 10:20:45 · 2316 阅读 · 0 评论 -
在Vite + Vue3 +Vant4中按需引入组件,使用Toast提示信息不展示
时死活不显示,实际排查后发现只是不显示,其实元素已经挂载到。这些组件时完全没有问题,但是在使用轻提示(+ vue3 + vite 搭建h5,元素下了,只是因为样式原因导致看不见。这个插件对某些组件的样式无法引入。原创 2024-02-04 10:19:03 · 1495 阅读 · 0 评论 -
Vue3+Vite局部注册组件方法以及注意事项
的单文件组件中,导入的组件可以直接在模板中使用,无需注册。分析器要这个后缀导致的!出现这个问题,就是因为现在。原创 2024-02-04 10:16:46 · 547 阅读 · 0 评论 -
Vue3挂载全局方法的两种方法
Vue3 不推荐在原型链上挂载一些东西这种方式,而是更建议使用方式。原创 2024-02-04 10:12:07 · 1849 阅读 · 0 评论 -
Vue3+Vite配置全局saas变量
【代码】Vue3+Vite配置全局saas变量。原创 2024-02-04 09:32:32 · 667 阅读 · 0 评论