vue
文章平均质量分 66
沉默小管
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
展开
-
【vue3】ObjectRefImpl取不到值 vue3【已解决】
沉默小管 ObjectRefImpl取不到值 vue3原创 2024-07-22 10:46:52 · 1159 阅读 · 0 评论 -
【vue2】vue项目使用可选链?.操作符报错Cannot read properties of undefined【已解决】
沉默小管 vue项目使用可选链?.操作符报错Cannot read properties of undefined原创 2024-07-19 09:48:03 · 1003 阅读 · 0 评论 -
【vue3】Fundebug一行代码搞定Bug监控的插件【超级好用上手】
沉默小管 Fundebug一行代码搞定Bug监控的插件原创 2024-07-13 23:11:53 · 400 阅读 · 0 评论 -
【vue+nestjs】qq第三方授权登录【超详细】
在你的前端页面获取code,把code值传给后端接口。后端接口通过code获取gitee用户信息。如果你还是不懂,你可以克隆下我的项目。如果对你有帮助,给我一个star就行了。在填写网站回调域时,需要你线上真实能访问的。如果你跟我一样是前后端分离的模式开发的,应用回调地址填写的应该是你的。如果以上步骤都没问题。如果有不懂可以留言,我看到了应该会回复。踩坑不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!如有错误,请多多指教。原创 2023-10-21 01:55:24 · 1020 阅读 · 0 评论 -
【vue+nestjs】gitee第三方授权登录【超详细】
在你的前端页面获取code,把code值传给后端接口。后端接口通过code获取gitee用户信息。如果你还是不懂,你可以克隆下我的项目。如果对你有帮助,给我一个star就行了。如果你跟我一样是前后端分离的模式开发的,应用回调地址填写的应该是你的。如果以上步骤都没问题。需要把本地测试回调地址改为线上路径。如果有不懂可以留言,我看到了应该会回复。踩坑不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!如有错误,请多多指教。原创 2023-10-17 15:56:50 · 977 阅读 · 0 评论 -
【vue3】webpack和vite介绍与使用【超详细】
webpack只负责项目打包,其他功能需要在webpack.config.js配置文件里进行设置。webpack适用于大型,复杂的项目,它可以处理多种不同类型的文件,并根据需求进行转换,压缩,打包。webpack唯一不好的就是配置比较复杂,需要花费一定的时间和精力进行学习和调试。原创 2023-09-28 11:55:57 · 2323 阅读 · 0 评论 -
【vue】vue-image-lazy图片懒加载使用与介绍【超详细+npm包源代码】
基于vue+vite制作的图片懒加载,取名叫vue-image-lazy-xg。文章中有插件源码,可供参考和借鉴原创 2023-08-02 00:10:34 · 1319 阅读 · 1 评论 -
【vue】Vue3中使用函数调用组件内函数和创建组件【超详细】
我发现还真的只能创建实例和传参数,不能调用组件内的方法。反正我是在createApp函数里挂载后也找不到组件内的方法使用。今天突然觉得在视图上应用组件,然后在script脚本里操作组件这方式特别的麻烦。因为每次使用组件时都要进行应用,不管你用不用你都要引用,就比如以下图片。所以我为了偷懒就开始想直接调用函数去创建组件和使用组件内的方法。创建实例,并对组件传入你想要给他的参数,就相当于父传子参数一样。评论,你的意见是我进步的财富!原创 2023-07-06 00:38:43 · 4410 阅读 · 4 评论 -
【vue】使用uni-indexed-list组件点击获取下标详情
找到setList函数,对内部逻辑赋值就行了修改。如果有不懂可以留言,我看到了应该会回复。踩坑不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!如有错误,请多多指教。原创 2023-07-02 15:00:21 · 1118 阅读 · 0 评论 -
【vue】vue高性能虚拟滚动列表【vue2和vue3版组件封装】
containerHeight高度(容器高度)和数据列表listData。containerHeight高度(容器高度)和数据列表listData。containerHeight高度(容器高度)和数据列表listData。之渲染可视窗口的列表,其他列表不进行渲染。virtualList 组件包。virtualList 组件包。virtualList 组件包。评论,你的意见是我进步的财富!应用virtualList。应用virtualList。原创 2023-06-30 18:01:31 · 4545 阅读 · 0 评论 -
【vue】前端优化白屏
通过requestAnimationFrame按帧率显示dom节点。防止页面一进入就加载和渲染所有dom节点。原创 2023-06-29 10:55:31 · 364 阅读 · 0 评论 -
【vue+websocket】vue本地链接websocket正常,线上部署websocket 无法加载响应数据【已解决】
在你的服务器的安全组中开放websocket的端口号。如果有,可以忽略当前步骤。同时,线上的websocket需要用域名(如果有不懂可以留言,我看到了应该会回复。踩坑不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!如有错误,请多多指教。原创 2023-06-17 13:38:22 · 2064 阅读 · 0 评论 -
【vue】封装vue3组件注意事项
1.组件是单向数据流,杜绝使用ref从父级操作子级内的数据和函数。原创 2023-05-04 17:25:36 · 135 阅读 · 1 评论 -
【vue3】uniapp 微信小程序 打包优化【超详细】
✨踩坑不易,还希望各位大佬支持一下\textcolor{gray}{踩坑不易,还希望各位大佬支持一下}踩坑不易,还希望各位大佬支持一下📃个人主页:\textcolor{green}{个人主页:}个人主页:沉默小管📃个人网站:\textcolor{green}{个人网站:}个人网站:沉默小管📃个人导航网站:\textcolor{green}{个人导航网站:}个人导航网站:沉默小管导航网🔥技术交流QQ群:837051545。原创 2023-02-23 00:34:33 · 4354 阅读 · 3 评论 -
【vue】uniapp vue3 vite代理设置问题【H5 微信小程序】
需要判断当前是h5还是微信小程序端,对请求接口文件进行修改,其他文件不修改。vite.config.ts配置proxy。如果有不懂可以留言,我看到了应该会回复。request.ts 请求接口文件。踩坑不易,还希望各位大佬支持一下。request.ts 请求文件。评论,你的意见是我进步的财富!微信小程序识别不了代理的配置。.env配置请求接口域名。如有错误,请多多指教。原创 2023-02-20 23:24:49 · 3548 阅读 · 0 评论 -
【vue】elemente-ui table toggleRowSelection 默认选择无效[已解决]
点击按钮,弹出一个弹出框,内部出现一个table表,表内数据是动态获取,同时得勾选上几个table表的数据,类似以下的图。原创 2023-02-20 01:12:43 · 1466 阅读 · 1 评论 -
【uniapp】uniapp input 焦点聚焦失败【已解决】
苹果11真机调试uniapp()小程序中的input,聚焦失败。安卓机没有这问题~原创 2023-01-10 14:20:53 · 3545 阅读 · 0 评论 -
【vue3】Vue received a Component which was made a reactive object提示警告
项目场景:vue3动态切换组件。原创 2022-12-25 09:52:05 · 4984 阅读 · 0 评论 -
【vue3】Element-Plus中Swtich @change自动被触发【已解决】
如果有不懂可以留言,我看到了应该会回复。踩坑不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!如有错误,请多多指教。原创 2022-10-16 17:30:11 · 4373 阅读 · 6 评论 -
【vue3】使用vite-plugin-svg-icons插件显示本地svg图标
在项目根目录查找vite.config.ts,进行配置。如果有不懂可以留言,我看到了应该会回复。图标路径与iconDirs设置得一致。踩坑不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!如有错误,请多多指教。原创 2022-10-13 15:24:09 · 2696 阅读 · 2 评论 -
【vite】vue3+vite打包配置分析工具rollup-plugin-visualizer
打包完之后在根目录的dist文件夹下查找你的分析文件(默认名为:stats.html)在项目vite.config.ts配置。如果有不懂可以留言,我看到了应该会回复。踩坑不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!在项目根目录运行打包命令。如有错误,请多多指教。原创 2022-10-11 14:46:30 · 3019 阅读 · 1 评论 -
【vue】svg文字作为背景(文字可修改)
在vue的根目录app.vue添加svg,代码如下。如果有不懂可以留言,我看到了应该会回复。踩坑不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!如有错误,请多多指教。原创 2022-10-07 15:55:24 · 833 阅读 · 0 评论 -
【vue3】vue3+vite动态导入路由出现The above dynamic import cannot be analyzed by Vite
如果有不懂可以留言,我看到了应该会回复。踩坑不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!vite官方文档说,需要使用。使用glob导入实例。如有错误,请多多指教。原创 2022-09-29 09:51:02 · 1473 阅读 · 0 评论 -
【vue3】vue3+vite无法访问.env.development定义的变量值
env.production文件中的变量名前缀使用vite做前缀。如果是vue2+webpack需要使用vue做前缀。如果有不懂可以留言,我看到了应该会回复。踩坑不易,还希望各位大佬支持一下。vite配置环境变量的官方文档。评论,你的意见是我进步的财富!如有错误,请多多指教。原创 2022-09-29 09:36:23 · 2495 阅读 · 0 评论 -
【vue3】vue3+ts父级调用子级函数
按照以前方法我们只需要通过ref就能直接拿到子级的方法和属性,但是现在,子级需要。如果有不懂可以留言,我看到了应该会回复。踩坑不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!,父级才能拿到函数。如有错误,请多多指教。原创 2022-09-27 11:24:46 · 694 阅读 · 0 评论 -
【vite】vite安装tailwind和使用案例
生成你的 tailwind 和 postcss 文件。在项目根目录运行以下命令行。plugins/index.tsx文件。如果有不懂可以留言,我看到了应该会回复。tailwindcss.css文件。踩坑不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!tailwind 配置内容。tailwindcss文件。进入tailwind文档后。postcss配置内容。如有错误,请多多指教。原创 2022-09-18 00:53:34 · 1053 阅读 · 0 评论 -
【vue】vue接收后端文件流并下载为excel格式
Blob 对象表示一个不可变、原始数据的类文件对象。如果有不懂可以留言,我看到了应该会回复。踩坑不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!调用函数并下载excel文件。downLoadFile函数。如有错误,请多多指教。原创 2022-09-03 15:13:35 · 1790 阅读 · 0 评论 -
【vue3】vue3+ts+vite项目设置路径别名
如果有不懂可以留言,我看到了应该会回复。踩坑不易,还希望各位大佬支持一下。评论,你的意见是我进步的财富!如有错误,请多多指教。原创 2022-08-31 23:23:22 · 617 阅读 · 0 评论 -
【vue3】构建vite项目
1.1下载安装后使用npm -v查看是否安装成功1.2 nvm针对node版本惊醒管理的工具。原创 2022-08-28 00:04:53 · 1174 阅读 · 0 评论 -
【vue3】vue3监听路由变化
解决流程1.挂载,并使用import { createApp } from 'vue'import App from './App.vue'import router from './router.vue'//路由文件app = createApp(App)app.use(router).mount("#app")//使用文件setup(props,context){ const {proxy } = getCurrentInstance(); const router原创 2022-01-23 23:25:33 · 2075 阅读 · 0 评论 -
【vue3】vue3中如何替换vue2的filter
解决流程使用vue3的计算属性替换vue2的filtervue2template部分 {{变量 | filterData}}script部分 filters:{ filterData(val){ return val?val:'空' } }vue3<template><div> {{filterData(h1)}}</div></template><script>import { def原创 2022-01-22 16:21:10 · 1817 阅读 · 0 评论 -
【vue】vue强制更新数据,响应页面
方法一:this.$forceUpdate全局强制刷新,消耗新能大(不推荐)伪代码if(finalData<0){ for(let i in allTotalArr){ if(allTotalArr[i]>0){ allTotalArr[i]-- break; } }}else{ for(let i in allTotalArr){ if(allTotalArr[i]>=0){ allTotalArr[i原创 2022-01-11 22:39:58 · 951 阅读 · 0 评论 -
【ant+vue】RangePicker Invalid attempt to destructure non-iterable instance错误解决办法
问题代码 <a-range-picker class="margin-right-10" @change="onChangeTaskDuration" format="YYYY-MM-DD"/>//click the time interval,click ok to call back onChangeTaskDuration(date, dateString) { xxx },解决办法再次查看官方文档原创 2022-01-10 01:18:29 · 1688 阅读 · 0 评论 -
【quasar】‘quasar‘ 不是内部或外部命令,也不是可运行的程序
问题描述从git上clone了一条项目,npm install 后,运行quasar dev 出现找不到quasar错误问题原因quasar没有安装解决流程1.npm install -g @quasar/cli2.quasar create test3.把原本的quasar项目覆盖在创建的test文件内4.再使用quasar dev就能运行成功了个人网站:https://www.php-china.com/blog/如有错误,请多多指教。如对你有帮助,给个赞吧。...原创 2021-12-22 11:37:44 · 3010 阅读 · 3 评论 -
【vue】vue打包项目线上爆出net::ERR_ABORTED 404 (Not Found)解决办法集合
vue打包项目线上爆出net::ERR_ABORTED 404 (Not Found)解决办法集合原创 2021-12-22 00:47:28 · 5329 阅读 · 2 评论 -
【vue】如何打开vue弹出框组件后,重新初始化
如何打开vue弹出框组件都重新初始化原创 2021-12-14 09:45:58 · 4491 阅读 · 0 评论 -
【vue】Antd 如何中英文切换
Antd 如何中英文切换原创 2021-12-13 14:16:12 · 1335 阅读 · 0 评论 -
【vue】vue使用ant中的a-tabs组件如何居中对齐
vue使用ant中的a-tabs组件如何居中对齐原创 2021-12-13 14:12:47 · 3867 阅读 · 7 评论 -
【vue】vue更新数据,页面数据不同步解决办法之一
vue更新数据,页面数据不同步,解决办法之一原创 2021-12-13 14:10:35 · 1741 阅读 · 0 评论