![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
前端小白在写bug
这个作者很懒,什么都没留下…
展开
-
浏览器下载blob文件流(兼容IE浏览器和其他主流浏览器)
的值,此时响应就会被拦截,考虑使用其他字段进行响应成功的判断,经过检查发现,在文件流下载需求中,会有对象的响应类型。在vue项目中,一般会使用axios做ajax请求,此时会封装响应拦截器,一般约定。在业务操作中,因为ie浏览器有独立于其他浏览器的下载文件方式,所以要做如下判断。,我们的需求中是下载excel文件,使用的文件类型是。时响应通过,但是在服务端返回文件流时,是没有。以上是对axios响应拦截器封装的修改。,其他主流浏览器中是。),所以拦截器里面判断。原创 2022-12-20 15:29:16 · 3724 阅读 · 1 评论 -
vite.config.ts基础配置项
使用vite创建vue3+ts项目时,需要对vite.config.ts(同vue2中vue.config.js)进行一些基础配置,下面对一些配置项做一些记录。原创 2022-07-28 15:00:08 · 1931 阅读 · 0 评论 -
vscode创建代码片段——以vue3.x模板为例
打开vscode,文件—首选项—配置用户代码片段—新建全局代码片段文件—对代码片段命名—修改snippets内容。虽然花不了很多时间,但仍会比较繁琐,所以考虑创建一个快捷模板,可以快速生成vue模板。其中prefix为代码片段快捷指令,body内容为默认的代码片段。在vue中,需要创建vue文件时,我们通常需要自己手动输入如下模板。此时,新建vue文件,输入vue3即可出现如下提示。回车即可快速生成vue文件模板。其他模板也可用同样的方法生成。我修改后的模板代码为。......原创 2022-07-27 11:26:34 · 1505 阅读 · 0 评论 -
vue3.2学习笔记
vue3.2版本学习笔记原创 2022-07-26 19:20:29 · 1237 阅读 · 1 评论 -
vue+css3动画开发发牌、翻牌效果
vue+css3动画开发发牌、翻牌效果原创 2022-07-25 17:33:33 · 2420 阅读 · 0 评论 -
vuex数据状态持久化
在VUE项目中,由于是单页应用,vuex中的数据在页面刷新时就会被清除,所以我们要考虑怎样让vuex中的数据持久保存在浏览器中,至少不能每次刷新时都丢失登录状态,这篇文章介绍VUE项目中常用到的两种vuex持久化的方法,底层实现原理一直,方法不太一样,可以在项目中根据实际来区分方法一、浏览器监听+本地存储我们可以监听浏览器的刷新,在页面刷新时将vuex内的数据保存在本地存储中(根据项目需要可以考虑保存在sessionStorage或者localStorage中)在App.vue中,created生命周原创 2022-04-02 18:38:29 · 5794 阅读 · 0 评论 -
VUE引入kindeditor、本地化、一键排版样式等操作
文中所有资源可点击此处免费下载1、创建VUE项目,安装kindeditorcnpm i kindeditor -S2、在components下新建KindEditor文件夹,新建Index.vue组件,<template> <div class="margin-top-20"> <textarea name="content" :id="id" v-model="outContent"></textarea> <div st原创 2022-04-01 14:19:10 · 2661 阅读 · 0 评论 -
vue项目实现简单换肤功能
项目遇到换肤功能,需求是固定三种主题色配置,实现思路如下换肤实现在src/assets/css/目录下定义了mixin.scss文件文件中定义各主题色下,不同需要随着主题色改变的色值,比如:定义主题字体颜色色值@mixin theme-color { [data-theme="blue"] & { color: #387af0; } [data-theme="yellow"] & { color: yellow; }}在组件中引入mixin原创 2021-11-11 20:15:23 · 863 阅读 · 0 评论 -
vue-cli4下,项目打包时删除console信息
在vue.config.js里面进行配置const TerserPlugin = require(‘terser-webpack-plugin’)*** terser-webpack-plugin 插件不需要进行安装,因为vue脚手架也用到,直接引用即可详细配置如下module.exports = { /** *省略部分配置 ........ */ configureWebpack(config) { if (process.env.NODE_EN原创 2021-11-11 20:08:49 · 527 阅读 · 0 评论 -
vue-cli4项目中引入postcss-px2rem插件,以解决不同屏幕下的适配问题
win10系统下的电脑屏幕,会根据分辨率推荐设置屏幕缩放,一般2K屏默认推荐125%。4K屏推荐150%这就导致前端再使用px开发时,会出现页面变形的情况,我们引入postcss-px2rem插件解决该问题1、:安装postcss-px2remcnpm install postcss-px2rem2、在vue.config.js中添加配置const px2rem = require('postcss-px2rem')const postcss = px2rem({ remUnit: 16原创 2021-08-26 01:00:09 · 1429 阅读 · 0 评论 -
uniapp中onLaunch异步方法与onLoad执行顺序问题
uniapp中onLaunch异步方法与onLoad执行顺序问题问题描述:uniapp中,app.vue里的onLaunch中如果有异步方法,比如登录方法,返回结果可能会在页面的 onLoad 之后,为了让页面的 onLoad 在 onLaunch 之后执行,使用以下解决方案:1、main.js添加如下代码Vue.prototype.$onLaunched = new Promise(resolve => { Vue.prototype.$isResolve = resolve})2原创 2021-03-04 19:49:30 · 4296 阅读 · 5 评论 -
vue中传递js默认event参数和其他参数
使用...arguments实现,具体方法如下:@click="checkStatus(...arguments, item.id)"checkStatus(event, id) { console.log(event, id)}原创 2021-02-22 16:57:22 · 952 阅读 · 0 评论 -
vue阻止浏览器默认事件
项目中遇到长按、鼠标右键等操作时,会出发浏览器的默认事件,这时候我们要阻止浏览器默认事件,在vue中阻止默认事件,可以使用 @contextmenu.prevent=""实现原创 2021-02-22 16:55:12 · 3039 阅读 · 0 评论