随笔分类 -  Vue3

摘要:vue3 导出excl文件后台管理系统经常有表格文件导出为excl的需求,在这里记录一下. 这里用到了两个包(file-server,XLSX), 今天项目中遇到这个需求了,但是用这个导出的时候出了问题,在安装的时候没有指定包版本,安装了最新版本,导致XLSX引入报undefined的问题,可能是新版本不兼容的问题 安装 n 阅读全文
posted @ 2022-06-14 00:34 YXCR 阅读(348) 评论(0) 推荐(0) 编辑
摘要:vue3+vite插件配置系列2-unplugin-auto-import📝作用解放双手,自动导入composition api 和 生成全局typescript说明 📝使用🔖1.下载npm i -D unplugin-auto-import🔖2.vite.config.ts配置import AutoImport from "unplugin-auto-impor 阅读全文
posted @ 2022-05-31 14:20 YXCR 阅读(1106) 评论(0) 推荐(0) 编辑
摘要:Vue3利用html自带audio自定义一个播放器效果图 VUE <div class="player"> <audio :src="audiobox.url" ref="audio" @pause="onPause" @play="onPlay" @timeupdate="getCurr" @canplay="onLoadedmetadata" 阅读全文
posted @ 2022-04-06 10:37 YXCR 阅读(2384) 评论(0) 推荐(0) 编辑
摘要:vue中获audio学习笔记audio获取当前播放时间 在dom挂载完毕后访问currentTime属性获得,通过timeupdate钩子可实时监控 audio 获取媒体总时长 在canplay(浏览器可以开始播放该音视频)钩子函数回调中访问duration属性可获得(注:在dom挂载完直接获取duration会返回NaN) 阅读全文
posted @ 2022-04-04 00:05 YXCR 阅读(969) 评论(0) 推荐(0) 编辑
摘要:Vue3配置1.Path npm install @types/node --save-devnpm i sass-loader sass -d import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import pat 阅读全文
posted @ 2022-03-23 20:59 YXCR 阅读(815) 评论(0) 推荐(0) 编辑
摘要:找不到模块 “path“ 或其相对应的类型声明找不到模块 “path“ 或其相对应的类型声明使用 npm init @vitejs/app 创建项目添加别名import path from “path”; 有这个错误提示:找不到模块 ‘path’ 或其相对应的类型声明找不到名称"__dirname" 解决方法:npm install @type 阅读全文
posted @ 2022-03-22 22:27 YXCR 阅读(1679) 评论(0) 推荐(0) 编辑
摘要:Vue笔记:Vue3配置axios跨域实现跨域共3个步骤: 1,vue3.0根目录下创建vue.config.js文件; module.exports = { devServer: { proxy: { '/api': { target: 'https://you.163.com/', //接口域名 changeOrigin: true 阅读全文
posted @ 2022-03-17 11:54 YXCR 阅读(3927) 评论(0) 推荐(0) 编辑
摘要:axios.all()解决并发请求简介:axios.all()、axios.spread()两个辅助函数用于处理同时发送多个请求,可以实现在多个请求都完成后再执行一些逻辑。注意:该方法是axios的静态方法,不是axios实例的方法! 首先下载axios npm install axios --save-dev 在mina.js中引 阅读全文
posted @ 2022-03-15 11:35 YXCR 阅读(400) 评论(0) 推荐(0) 编辑
摘要:vue axios请求,报超时的错,status显示canceled说实话,就因为这个错,我不知道自己用了多久时间,,参考各种资料也试了各种资料,最后服气自己 心好累~ 和后台请求的时间有关 直接上报错的图 // 2021 01 12:其实上面已经提示了,时间不对,那时候小白一个,第一次接触前端,现在回顾,哎,憨批一个,记得打印一下请求里面的异常报错,可能找到问题更 阅读全文
posted @ 2022-03-14 11:03 YXCR 阅读(1083) 评论(0) 推荐(0) 编辑
摘要:Vueaxios-post设置form-data请求格式问题1. 安装axios 在项目下执行npm install axios。 之后在main.js中,添加: 1 2 3 4 import axios from 'axios' //引入 //Vue.use(axios) axios不能用use 只能修改原型链 Vue.prototype.$axios = 阅读全文
posted @ 2022-03-14 09:28 YXCR 阅读(1232) 评论(0) 推荐(0) 编辑
摘要:网易云api访问登录后仍返回{msg: ‘需要登录’, code: 301}网易云api访问登录后仍返回{msg: ‘需要登录’, code: 301}在用网易云API做网页时,需要使用某些需要登录的接口,在登录后仍然无法获取相关数据。原因:在跨域请求时,没有携带用户凭证;解决方法:使用withCredentials属性,当该属性为true时,会携带用户凭证,从而解决该问题 阅读全文
posted @ 2022-03-13 20:52 YXCR 阅读(736) 评论(0) 推荐(0) 编辑
摘要:VUE音乐播放器工具使用 开发工具: Visual Studio 开发环境:vue2.0 技术: Router Vuex store axios element 预览地址:https://glassesbeautifulgirl.vercel.app/#/ 阅读全文
posted @ 2022-02-23 01:54 YXCR 阅读(190) 评论(0) 推荐(1) 编辑
摘要:解决Vuex持久化插件-在F5刷新页面后数据不见的问题页面刷新后,想保存页面未保存的数据。我们总是习惯于放在浏览器的sessionStorage和localStorage中。但是用了vue后,vuex便可以被应用了。 vuex优势:相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到。 vuex劣势:在F5刷 阅读全文
posted @ 2021-12-29 20:53 YXCR 阅读(265) 评论(0) 推荐(0) 编辑
摘要:Vuex的使用1文章目录 一、Vuex是什么 二、State 数据源 2.1 通过 this.$store.state.全局数据名称 访问2.2 mapState 映射为计算属性三、Mutations 变更store中的数据3.1 this.$store.commit() 触发 mutations3.1.1 触发 阅读全文
posted @ 2021-12-27 23:19 YXCR 阅读(52) 评论(0) 推荐(0) 编辑
摘要:Vue3-element#进入工程 cd 工程名 #安装 Vue-router npm install vue-router --save-dev #安装element-ui npm i element-ui -s #安装依赖 npm install #安装SASS加载器 cnpm install sass-loader 阅读全文
posted @ 2021-12-17 18:00 YXCR 阅读(83) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示