随笔分类 -  vue

vue3中英文转换方案（使用 Vue I18n）
摘要：一、安装依赖 npm install vue-i18n@next ant-design-vue 二、配置Vue I18n 1、创建 i18n 配置文件 src/i18n/index.js import { createI18n } from 'vue-i18n' import antdZhCN fr 阅读全文
posted @ 2025-11-04 14:56 殳苓 阅读(126) 评论(0) 推荐(0)
vue3+vite学习日记之配置全新项目
摘要：一、先创建项目并进行一些安装配置 1、npm create vite@latest ->输入项目名称->选择vue->选择ts->根据提示进行 2、安装vue-router，输入命令npm install vue-router@4 -s 3、安装element-plus，输入命令npm instal 阅读全文
posted @ 2025-10-24 16:26 殳苓 阅读(43) 评论(0) 推荐(0)
Ant Design Vue使用a-table动态设置columns
摘要：一、需求 一个页面显示多个列表数据，需要改变表头columns参数等 二、问题 1、设置columns之后，因为a-table中的columns、data-source是响应式的，所以可以看到切换渲染是可以正常完成的，数据、表头都是正常的。 2、由于列表数据除了直接取过来显示的之外，还有部分数据需要 阅读全文
posted @ 2024-12-16 11:32 殳苓 阅读(1414) 评论(0) 推荐(0)
使用printJs实现打印效果
摘要：一、需求 需要实现部分页面的内容打印；页面内容为表单，表单中还包括了表格。使用了 a-form 、a-row、a-table 相关组件 二、实现方法 1、安装print-js npm install --save print-js 2、给需要打印的部分设置一个id 例如：我需要打印的是一整个表单内容 阅读全文
posted @ 2024-12-05 15:50 殳苓 阅读(4932) 评论(0) 推荐(0)
a-tabs动态使用子组件
摘要：一、需求 弹窗实现多个tab页的切换，并且表单过长的在弹窗内实现滚动 二、实现方法 1、使用a-tabs实现表单切换 2、使用a-card实现弹窗内滚动，也可以使用css样式实现 a、a-card实现滚动需要设置高度，同时设置竖向可滚动 b、需要滚动的外层设置css样式 3、动态使用子组件，使用 < 阅读全文
posted @ 2024-11-28 09:56 殳苓 阅读(357) 评论(0) 推荐(0)
vue3+vite学习日记之路由
摘要：一、新项目开启 网上的项目视频大多数要什么加好友、评论啥的，我嫌麻烦，还是自己边看边写自己的项目吧。 ps：可能会和参考视频有一些差异。 二、项目创建 先创建项目并进行一些安装配置： 1、npm create vite@latest ->输入项目名称->选择vue->选择ts->根据提示进行 2、安 阅读全文
posted @ 2024-07-15 17:31 殳苓 阅读(301) 评论(0) 推荐(0)
Vue中使用Vue-cropper进行图片裁剪
摘要：一、需求 在图片上传之前，使用图片裁剪工具裁剪图片，使其上传的图片比例一致（反正就是需要裁剪这么个操作） 二、使用插件实现功能 1、安装Vue-cropper npm i vue-cropper@next 2、复制下列代码，使用插件进行裁剪 文件结构为 upload.vue <template> < 阅读全文
posted @ 2024-07-11 17:50 殳苓 阅读(2299) 评论(0) 推荐(0)
VSCode创建创建vue项目
摘要：一、前情提要 注：只适用于个人，已安装node、修改过淘宝镜像等前期准备工作。 因此直接开始进行项目创建 二、创建新项目 1、先创建一个文件夹，也可以通过VSCode打开已有文件夹。（此文件夹为新创建项目的上级文件夹） 2、选中打开的文件夹，点击右上角打开终端，也可以通过查看打开终端 3、切换Com 阅读全文
posted @ 2024-07-11 10:40 殳苓 阅读(804) 评论(0) 推荐(0)
运行新项目时报错
摘要：一、问题 在运行新项目时，即使npm install未报错，在运行时依旧会出现错误 二、寻找问题原因 可能是node.js版本与项目配置版本不一致的原因。因为需要运行不同的项目，可能需要不同的node版本，所以需要下载node版本管理工具 三、解决办法 1、卸载node.js 2、安装node版本版 阅读全文
posted @ 2023-05-19 09:45 殳苓 阅读(42) 评论(0) 推荐(0)
npm install报奇怪的python错误
摘要：一、问题描述 从git上面拉取项目，准备在本地运行，在使用 npm install 安装依赖的时候，出现了奇怪的python错误。 但是类似的项目能够正常的安装依赖并运行 二、解决方法 如果已经进行了npm install安装并且报错 1、删除node-modules文件夹和package-lock 阅读全文
posted @ 2022-10-31 23:37 殳苓 阅读(2066) 评论(0) 推荐(0)
antv导航制(1)
摘要：一、个人需求 利用用vue-router+ant导航菜单制作，点击在当前页面显示其他组件内容。 二、实现中出现问题 1、在home.vue中使用路由跳转时发现，无法进行页面嵌套。但是在App.vue中就能进行嵌套跳转。 三、解决办法 通过万能的百度！！！ 发现需要进行页面嵌套，在写路由时就要将需要嵌 阅读全文
posted @ 2022-10-28 16:31 殳苓 阅读(404) 评论(0) 推荐(0)
创建使用Ant的vue项目时遇到的问题
摘要：一、成功运行后vue版本 二、创建中遇到的问题 1、开始创建项目时，vue、ant、webpack(8.15.0)都是高版本，ant 1.7.8版本的代码不能适用（需求为：学习ant 1.7.8版本）。 页面中一些内容不能正常显示 开始修改版本，vue改成^2.6.11，ant改成^1.5.1，没有 阅读全文
posted @ 2022-10-28 15:59 殳苓 阅读(417) 评论(0) 推荐(0)