vue+ts项目常见问题及解决方案
摘要：无法找到模块@/views/Login.vue的声明文件。 错误的原因：typescript 不能识别 .vue 文件 解决方法: 在项目vite-env.d.ts文件中添加以下代码 declare module '*.vue' { import { ComponentOptions } from
阅读全文
posted @ 2025-03-05 10:51
随笔分类 - 前端开发 / vue
vue前端，获取数据，打包压缩包下载
摘要：// 最好是定义一个表个通用数据，循环得到相关数据 const tableHeader = ref([ { header: '订单', key: 'index', width: 24 }, { header: '编号', key: 'number', width: 100 }, { header:
阅读全文
posted @ 2025-02-12 16:52
vue 基于exceljs导出Excle
摘要：安装依赖 exceljs插件 file-saver下载插件 npm i exceljs npm i file-saver 引用 import * as ExcelJS from 'exceljs' import FileSaver from 'file-saver' 使用 // 设置标题列 cons
阅读全文
posted @ 2025-01-16 15:25
前端vue3使用cropperjs截图插件
摘要：安装 npm install cropperjs@next 使用 <img ref="uploadImg" src="/cropperjs/v2/picture.jpg" alt="Picture"> // 引入 import Cropper from 'cropperjs'; // 样式 impo
阅读全文
posted @ 2024-09-27 14:44
使用`xlsx-js-style`插件导出表格，并添加样式导出
摘要：安装 npm install xlsx-js-style --save 使用 引入 import XLSX from 'xlsx-js-style' // 最好是定义一个表个通用数据，循环得到相关数据 const tableHeader = [ { header: '序号', key: 'index
阅读全文
posted @ 2024-09-21 17:56
vue 项目读取本地Excel方法
摘要：安装插件xlsx npm install xlsx 在需要的页面引入插件 import * as xlsx from 'xlsx' 使用xlsx读取excel文件 点击上传Excel文件 <template> <!-- 上传按钮 --> <el-upload action="#" :auto-upl
阅读全文
posted @ 2024-09-20 17:02
vue项目记录每个页面保持滚动条的位置
摘要：路由元信息 增加keepAlive:true ， scrollTop: {top: 0} ， { path: '/**/**', name: '**', component: () => import('@/views/**/index.vue'), meta: { title: '**', aff
阅读全文
posted @ 2024-09-19 16:52
vue项目“不使用TS”开发 常见文件处理
摘要：使用vue自带的方法，如watchEffect() 提示'watchEffect' is not defined.eslint 解决办法，在.eslintrc.cjs文件中添加以下代码 module.exports = { root: true, extends: [ ... 'plugin:vit
阅读全文
posted @ 2024-08-29 16:43
vue3组件通信方式
摘要：props 注意： 只读，不能修改 props 可以实现父子组件通信,在vue3中我们可以通过defineProps获取父组件传递的数据。且在组件内部不需要引入defineProps方法可以直接使用！ 子组件获取到props数据就可以在模板中使用了,但是切记props是只读的，不能修改 父组件给子组
阅读全文
posted @ 2024-02-01 11:36
Vue3+Vant+Vite H5移动端开发（二）
摘要：vue3 项目创建 使用 vue 创建项目 命令 npm create vue@latest 基础配置 配置IP和localhost打开项目，修改'package.json'文件下的scripts配置 --host 0.0.0.0 显示ip地址可以打开项目 --open 启动项目，在浏览器中自动打开
阅读全文
posted @ 2024-01-30 16:03
vue3+vant+vite H5移动端开发
摘要：技术栈 vue vite vant Vue Router pinia 使用vite初始化项目 执行命令 $ npm create vite@latest 安装 vant 执行命令 $ npm i vant
阅读全文
posted @ 2024-01-18 16:37
