2303_76675983的博客

原创 vue3Router跳转问题 ---- TypeError: Cannot read properties of undefined (reading ‘方法名‘

报错 TypeError: Cannot read properties of undefined (reading 'goSearch')解决：导入换成import router from "@/router";

原创 真机调试ios，uni.request请求报错：{“errno“: 600004, “errMsg“: “request:fail task exception“}

（我的问题是，fail回调没有有用的东西，所以只能让后端，不要抛出异常)微信小程序项目在线上运行时候，iOS手机会出现此错误，安卓没有问题。方法一：输出fail回调函数，查看详细信息，去做一个异常捕捉适配,方法二：让后端不抛出异常，让请求的http状态码是200。所以出现了iOS用户。原因是，苹果的微信，请求的时候。http状态码不是200。

原创 图片预览插件 v-viewer

《Vue2项目中v-viewer图片查看器的使用指南》 摘要：本文介绍了在Vue2项目中安装使用v-viewer图片查看器的步骤。关键点包括：1）需注意版本兼容性，建议安装[email protected]；2）在main.js中导入组件和样式文件；3）通过Vue.use(Viewer)注册插件；4）使用时只需用viewer标签包裹图片即可实现图片查看功能。该方法简单易用，能快速为Vue2项目添加专业的图片浏览功能。（98字）

原创 前端 vue3 超级简单的练手小demo - todolist

这是一个基于Vue 3和Uni-app开发的社会语录评论小程序。主要功能包括： 展示语录列表，每条语录可编辑或删除 底部输入框可添加新语录或修改现有语录 实时显示评论总数 采用Flex布局，包含阴影、圆角等视觉效果 使用v-model实现数据双向绑定 通过数组操作实现增删改功能 响应式设计适配移动端 代码结构清晰，包含template、script和style三部分，实现了完整的CRUD功能。

原创 vue3使用element-plus中的对话框（dialog）组件不生效

方法：直接在原本的style结束标签后面添加一对style标签，我这里特意在 .el-dialog_bod前面带一个类名，防止后期会污染到别的样式。2.看了一些帖子，都建议使用全局样式。1.问题：样式不生效。

原创 在vue3中全局使用element组件库的message组件

1.已知：项目已经下载了element-plus并且在 main.js文件中引入。使用方法：1.在main.js文件中添加。2.在需要使用的vue文件中。

原创 vue2和vue3的滑动验证 vue-puzzle-vcode

本文介绍了如何在Vue2和Vue3中使用滑动验证组件vue-puzzle-vcode。对于Vue2，首先通过npm install vue-puzzle-vcode安装组件，然后在需要的Vue文件中引入并挂载组件，使用isOk控制组件的显示，并通过@success处理验证成功的回调。对于Vue3，安装命令为npm install vue3-puzzle-vcode --save，引入后直接使用，无需挂载组件。无论是Vue2还是Vue3，都可以通过<Vcode :show="isOK&quot

原创 vue3使用element-plus的icon图标

这是因为从 Element Plus 2.0 开始，图标被拆分到了单独的包中。使用：直接点击element-plus文档中的图标，点击复制。1.已知：已安装element-plus，直接安装icon库就行。在 Vue 3 项目中使用。在main.js文件中添加。

原创 vue3引入el-plus

2.引入 在main.js文件中引入。

原创 Module not found: Error: Can‘t resolve ‘sass-loader‘

运行，能正常运行，正确显示样式，sass可以正常使用了。1.问题：新项目，使用 lang=“sass”，报错。来编译 SCSS 或 Sass 文件，需要确保。解决方法：按照要求安装 sass-loade。解决方法：安装sass。

原创 vue3的vue-router的基础配置-最简单实现效果

2.1 router->index.js文件。2.2 在main.js文件中引入。1.安装vue-router。在app.vue文件中展示。

原创 uniapp使用map组件，实现点击地图的小标，显示当前名字

原marker的display设定为。

原创 uniapp根据返回的Base64 数据 ，显示二维码图片

原创 el复选框，第一组数据的文字和按钮不在同一行

问题：按钮和文字不在同一行，第一组的数文字超出范围。解决方法：把相对定位改成默认值。

原创 创建仓库后，第一次提交代码

原创 vue2使用element-china-area-data实现省市区联动选择使用Element UI 中国省市区级联数据

第一步安装库 element-china-area-data。需求，二级联动，只显示省和市。结构参数不是自定义的。

原创 微信小程序uniapp 聊天页面，点击发送按钮，键盘先不收回

uniaap官网有相关属性。

原创 element-ui 表单el-form组件的宽度设置

1.给整个el-form设置 所有的el-form-item都是一样的宽度。2.单独给需要的el-form-item设置。

原创 vue3 用uniapp写微信小程序的聊天功能，以及布局样式

基本功能：实现发送信息。

原创 Vue2版本 vue-router路由最基本的使用

安装 vue-router安装命令： npm i vue-router注意！！！npm i vue-router的最新版本是4，vue2使用不了，需要下载npm i vue-router@3在main.js中挂载并使用在App.vue文件中进行简单的布局和样式书写浏览器运行效果由于变化的部分只有右边的文字内容（“这里是about”）在components文件夹中创建两个vue文件，用于需要显示的组件内容进行路由的编写。

原创 小程序状态栏高度和胶囊高度

小程序状态栏高度和胶囊高度

原创 vscode使用pnpm命令报错

在vscode使用pnpm命令时报错。用管理员的身份打开 vscode。已知：已在全局安装pnpm。

原创 关于python安装lxml库

查看自己的python版本是3.13 安装不了.whl文件，选择把python卸载重新安装为3.12的版本。总结：：太难了，有时候卸载重新下载真的可以试试，版本问题太折磨人了。安装成功之后，就在pycharm软件里之间下载 lxml。Pycharm 下载-》点击加号搜索下载就可以了。怕下载不了，又在cmd里面进行install。前面尝试了很多种方法，最后成功了。

原创 MySQL 的基础命令 新建连接报错 “Can‘t connect to MysQL server on “localhost‘ (0)”

3-2 打开任务管理器，右边栏下滑找到MySQL ，双击，把禁止改成自动，再点击左边的启动即可。下滑找到 MySQL，右击打开服务。（如果只是未启动，只需要启动即可）使用基础命令创建需要的数据库即可。3-1.打开任务管理器。2.点击连接时，报错。4.MySQL启动后。

原创 使用 npm install 安装 node_module报错

2.去网上搜了下，发现也有人遇到过这个问题：想起现在用的node版本是v16。1.使用 npm install 安装 node_module报错。4.npm install 可以正常安装了。3.马上改用高版本node。碰到问题，先百度嘻嘻嘻。