- 博客(20)
- 收藏
- 关注
RSS订阅原创 【uniapp — 微信小程序】本地和真机调试文件图片上传成功但体验版不成功
登录微信公众平台 —— 配置uploadFile合法域名，就可以啦。首先看一下域名信息里 uploadFile 是否配置了合法域名。
2024-09-27 10:34:07
133
原创 Vue3 + element Plus + SortableJs，实现表格行拖拽排序（已踩什么都写了，就是拖动不了的坑）
Sortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。支持 Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Bootstrap、Element UI。el-table中只需要加一个( row-k="XX" )即可，row-key对应的必须是数组（tableData）中的唯一值。是你拖拽元素的父级标签，要从解析过的浏览器里看，不能单纯从我们写的代码结构看，因为我们用的el-table是封装的组件。
2024-08-21 14:43:12
598
原创 【vue3】省市区三级联动 —— element-china-area-data
provinceAndCityData省市二级联动数据,汉字+coderegionData省市区三级联动数据pcTextArr省市联动数据，纯汉字pcaTextArr省市区联动数据，纯汉字codeToText是个大对象，属性是区域码，属性值是汉字用法例如：codeToText[‘110000’] 输出北京市
2024-06-14 11:03:22
743
原创 【vue3+ts】根据后端返回内容进行pdf下载,下载后点击查看需要输入密码的问题
通过指定 responseType 为 'blob'，您告诉 Axios 期望接收一个二进制数据的响应。这样浏览器就能正确处理这个二进制数据，而不会将其视为文本数据。，服务器返回的数据可能会被浏览器视为普通的文本数据，而不是二进制数据。这可能会导致浏览器在尝试打开 PDF 文件时出现密码输入框的情况。在发送请求下载 PDF 文件时，如果不指定。下载后的pdf点开是这个页面。响应类型为 blob。
2024-06-13 13:28:47
314
原创 点击按钮发送请求时，Network面板显示调用两次接口——第一次是 OPTIONS 请求，第二次是实际的请求
在点击一个按钮进行发送请求后，查看Network显示这个接口调用了两次，第一次是Request Method:为“OPTIONS”，第二次为正确请求。
2024-03-25 13:39:22
671
1
原创 【vue3】国际化vue-i18n不同代码情况下的使用。在数组中使用并实时切换语言
1、在src下创建lang文件夹。2、再准备语言包，我是中文和英文。（lang/en.js，lang/zn.js）3、再准备语言环境（lang/index.js）
2024-03-20 11:16:03
614
1
原创 【vue3】vite.config.ts(js)打包部署后页面白屏
在使用 HTML5 history 模式时，需要确保服务器能正确地处理路由请求。具体来说，服务器需要配置将所有路由请求重定向到你的应用程序的入口文件，以确保在刷新页面或直接访问路由时能够正确加载应用程序。而使用 hash 模式则不需要特殊的服务器配置，因为 hash 模式的路由会被浏览器自动处理。如果服务器配置存在问题，建议使用 hash 模式或者调整服务器配置以支持 HTML5 history 模式。如果不想有#，就用history模式，那就需要服务器配置正确。可能会导致页面白屏的问题，而使用。
2024-03-08 11:29:36
1715
1
原创 【vue3+ts】keep-alive缓存组件，路由跳转后，返回旧的页面依旧保留之前的数据及浏览位置。
此时还会出现一个问题，就是当我在首页浏览到一定位置后，点击“更多”，路由跳转到列表页面的位置和首页的位置一样。上面一段是官网的解释。简单理解就是缓存组件的，不加它每次访问组件都会重新创建，重新创建也就意味着数据初始化，路由跳转走之后就会摧毁。我的场景是在首页有个点击‘更多’来路由跳转到列表页面。当我从列表页返回到首页时，页面重新刷新了。因为 <Transition>包裹组件的原因，组件内必须只有一个跟节点。包裹动态组件时，会缓存不活跃的组件实例，而不是销毁它们。这样返回到首页时显示的就是之前的页面效果啦。
2024-01-26 10:20:21
2619
1
原创 【vue3+ts】明明已经下载了第三方包，在组件里引用时还是提示 Could not find a declaration file for module
我在使用“lodash”时报Could not find a declaration file for module 'lodash/cloneDeep'.（找不到模块的声明文件'lodash/cloneDeep'）如果是在ts环境下，就看一下有没有对应的ts版本的包。下载对应的ts版本的包一般是 npm i @types/xxx。在.d.ts的声明文件（没有的话自己建一个）中写入declare module "xxx" 找不那个模块写那个模块。并不是所有的包都有ts的版本，所以更建议使用这种方法。
2024-01-11 14:43:13
1365
原创 [vue3打包时出现的问题]File ‘xxx‘ is a JavaScript file. Did you mean to enable the ‘allowJs‘ option?
由于我们的项目配置中缺少了‘allowJs’选项导致的。当我们在使用TypeScript编辑器编译项目时，如果项目中存在javaScript文件，但是没有启用'allowJs'选项，就会有上面的错误信息。
2024-01-11 13:28:27
2604
原创 vue3状态管理工具Pinia——在组件或ts(js)文件的使用
Pinia是vue生态里Vuex的替代者，一个全新的vue状态管理库。简单总结Pinia的优势就是，更加简洁的语法，完美支持Vue3的Composition api 和 对TypesCcript的完美支持。
2023-12-27 14:13:50
1729
1
原创 解决Invalid vnode type when creating vnode的警告问题
component渲染item.meta.icon时数据为空，所以给它加上。具体警告如下：创建vnode时，vnode类型无效。然后控制台就干净啦。
2023-12-15 15:19:09
4224
原创 vue3组件通信方式之v-model 父子组件数据同步
第一:相当有给子组件传递props[modelValue] = 10000。第二:相当于给子组件绑定自定义事件update:modelValue。v-model组件身上使用。这样父子组件的数据就是同步的啦。
2023-11-09 11:30:17
431
1
原创 vue3组件通信方式——基础（props、自定义事件、全局事件总线$bus、provide&inject）详解
父组件-- 绑定自定义事件xxx:实现子组件给父组件传递数据 -->//引入子组件我是子组件2给父组件传值
2023-11-09 10:52:08
1110
1
原创 vue3图片不显示？vue3正确动态渲染图片和背景图片——粘贴即可用，亲测好用
vue2是用require引入图片的。在vue3中require会报require is not defined。上代码：vue3中写个方法，方便后期调用。背景图片绑定style写入对应样式即可。在img中src绑定传入路径即可。
2023-10-20 13:37:13
2933
1
原创 vue3使用swiper时报 SyntaxError: The requested module ‘XXX‘ does not provide an export named ‘A11y‘
解决方案：找到node目录下的Autoplay,Navigation等这些功能模块在文件那个位置。我使用的swiper10.3.1。直接网上粘的轮播图案例，发现报出没有提供名为XXX的导出。找到代码出错的地方。from 'swiper' 没有导出相应功能模块。
2023-10-20 11:41:44
1083
3
原创 Vue3修改swiper样式无效——只需要修改一个地方立即生效
我需要修改的是swiper左右按钮的颜色。要想修改swiper的样式，组件中style就不能写scoped。个人认为swiper自带的样式是全局样式，而scoped只在组件内样式有效，所有写了scoped再在组件内加多少权重都覆盖不了全局样式。
2023-10-20 11:21:58
315
1
原创 vue3中使用swiper——一个页面多次使用swiper的联动问题【踩坑记录】
先说一下我的场景，各个区域都是一个Area组件，组件个数从后台获取数据的遍历的。Area组件里面包含了swiper组件。所以我一个页面有多个swiper。然后就出现点击第一个区域的左右按钮切换所有区域的轮播图都会切换的问题。2.2、我main.js中并没有做引入，直接在使用组件中引入的，不联动精简版完整代码如下。联动的原因是因为我之前把navigation绑定给了一个对象，具体代码如下。都是自己的踩坑记录，属于个人见解。
2023-10-20 11:09:32
1559
1
原创 vue中websocket的使用---详解
WebSockets 是一种先进的技术，它可以在用户的浏览器和服务器之间打开交互式通信会话。使用此 API，可以向服务器发送消息并接收事件驱动的响应，而无需通过轮询服务器的方式以获得响应。WebSockets 这种技术中有一个接口名为WebSocket，它是一个用于连接 WebSocket 服务器的主要接口，之后可以在这个连接上发送和接受数据。接下来的案例则是使用该接口创建一个WebSocket对象来进行管理。//定义。
2023-09-11 11:43:59
11836
3
原创 vue中.env的环境变量配置
在.env.production中写入3.在vue.config.js文件夹中进行相关配置(可通过process.env.NODE_ENV来判断生产环境)4.在封装的axios中可以对baseURL的路经拼接进行判断5.在package.json(在运行npm run serve 时为开发环境, 运行npm run build 时为生成环境)[如有不足和错误的地方请大佬们指出,谢谢]
2023-09-04 12:24:04
973
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人