- 博客(15)
- 收藏
- 关注
RSS订阅原创 Vue3 + tdesign 高德地图轨迹回放功能支持倍速及进度条拖拽
【代码】Vue3 + tdesign 高德地图轨迹回放功能支持倍速及进度条拖拽。
2023-11-20 14:58:53
1212
2
原创 Vue3 中Echarts 自定义2d地图多层级拖拽
2D地图中通常设置多个geo来实现不同的阴影效果，一般我们设置roam:true 可以实现放缩拖拽功能，不过在边缘分层的地方进行放缩会导致地图分层放缩不一致的问题。如果chartIns 采用 chartIns = ref()这种方式会导致放缩等功能十分卡顿。还有一点需要注意对于echarts.init实例所赋值的变量一定要是正常变量即。对应的options中geo地图需要设置以下属性防止拖拽时卡顿及重影。我们可以通过对series中的地图放缩监听去同步设置geo中的地图。
2023-08-30 17:08:27
875
原创 vite 构建 vue3 + ts 项目
5.配置tsconfig.json 和 tsconfig.node.json中moduleResolution 属性为node模式，删除 tsconfig.json "allowImportingTsExtensions": true, 不然Visual Studio对于一些引入编译器会报错。7.安装引入自身项目所需依赖如vue-router、piana、element-plus等。6.配置 tsconfig.json，和vite.config.ts中别名相关配置信息。3.进入项目目录 安装依赖包。
2023-06-14 10:55:53
550
原创 现有vue3+vite项目使用vite-ssr插件进行ssr渲染
将打包后的dist文件夹、package.json、server.js 文件同级放在服务器环境目录下（服务器要支持node环境） 执行 npm install 依赖包加载完成后 执行npm start 即可。8.打包后会dist中会产生两个文件夹client和server 可以直接npm start 通过server.js 本地启动看是否能正常访问如果没有问题就可以执行服务端的部署访问功能。7.配置服务端启动文件server.js 放在vite.config.ts同级。1.添加插件到现有项目。
2023-06-13 09:09:14
5428
7
原创 vue3 elementplus使用container布局容器 scroll 失效问题
当项目中的layout页面使用了container布局后 此时在展示页面中添加window.addEventListener("scroll")事件和document.body.scrollTop 相关都会失效，原因是因为具体的滚动是在el-mian元素上执行的我们需要在这个元素添加相关的监听操作。
2023-06-05 16:52:25
1067
1
原创 vue3 + ts 如何使用elmentPlus中的全局注册函数
在vue2 中 我们在main.js中引入elementUI use挂载后可以直接在页面中通过this.$message去调用element中的方法，而vue3这种不再适用。我们可以在utils 中 新建useCurrentInstance.ts 文件。在需要使用element中$message,$confirm的地方引入。之后通过proxy.$message的方式去调用即可。
2023-05-30 16:03:04
697
2
原创 Vue-router 4 动态路由后刷新指向404问题
如果没有设置动态路由可以直接在router 路由表中直接配置，但是有使用动态路由会导致刷新页面直接跳到404。但是我的项目中直接死在了第一步，虽然remove方法执行成功了，通过调用router.getRoutes（）也确认了404的路由已经清除，但是页面还是被导航到了404页面，如果通过修改next中的path跳转更会导致路由跳转无限嵌套。所以推荐判断404路由是否存在，然后再直接通过addRoute在动态路由后添加404路由，这样也不用调用removeRoute 也避免其他意外情况。
2023-05-30 14:47:04
1742
1
原创 vue3 打包部署后某个页面不加载问题
同时在setup中有 const map = reactive({})时 本地开发页面一切正常当部署到生产环境时会导致页面无法加载且其他页面也需要重新加载才能正常跳转。当页面某个元素被赋予ref时例如。
2023-05-24 16:42:51
837
1
原创 vite中如何使用 process.env 这种方式来配置环境文件
当然也可以在vite.config.ts中去通过define去定义的方式继续使用process.env 不过这种方式相当于在这个对象中写死，虽然可以通过配置打包使用也相对麻烦。webpack中我们可以直接在.env.development 中通过VUE_APP_（自定义字段 ）方式配置。然后通过process.env.VUE_APP_自定义字段 ）读取。通过import.meta.VITE_API_的方式去引入。而vite中则是使用 VITE_API_的方式去配置。
2023-05-24 13:54:41
4526
1
原创 vite 打包报错 js emit is not supported
将packpage.json 中的scripts 下build 内容改为 vue-tsc --noEmit --skipLibCheck && vite build。
2023-05-24 11:32:07
2492
1
原创 vue3.2 elementplus 中 popover组件指定按钮触发
vue3.2 elementplus 中 popover组件指定按钮触发
2023-05-23 16:30:44
1274
1
原创 pinia一个模块引入另一个模块报错“getActivePinia()“ was called but there was no active Pinia.
pinia一个模块引入另一个模块报错"getActivePinia()" was called but there was no active Pinia
2023-05-23 16:00:14
3090
1
原创 vue3引入element-plus报错 Failed to resolve import “element-plus/lib/theme-chalk/display.css“ from
根据elmentplus 官方文档引入当前文件报错 ，原因是实际可能是版本升级，文件具体路径不对，可以看一下源文件的路径。我这个版本的路径就不在lib下 ，修改为引入正常路径即可。
2023-05-23 15:40:12
1388
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人