Vue
爱吃猫的鱼v.2
这个作者很懒,什么都没留下…
展开
-
vue项目出现FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory
【代码】vue项目出现FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory。原创 2023-11-07 11:27:49 · 695 阅读 · 0 评论 -
express上传文件处理
express上传文件处理1.安装multer模块npm i multer -Smulter是node.js的中间件,用于处理multipart/form-data类型的表单数据,主要用于上传文件2.前端处理文件的上传、预览、下载这里使用的vue+elementui<template> <el-upload class="avatar-uploader" action="#" :before-upload="be原创 2021-05-31 15:48:21 · 568 阅读 · 0 评论 -
vue使用国际化
vue使用国际化先安装依赖npm i vue-i18n -S新建language文件夹(在src目录下)新建config.js文件 (在language文件下)const zh = { backManageSystem: '后台管理系统'}const en = { backManageSystem: 'Back Management System'}export { zh, en };新建index.js文件(在language文件下)impor原创 2021-05-27 18:11:08 · 111 阅读 · 1 评论 -
下载文件兼容ie
下载文件兼容ie const data = await requestInterface(); //请求接口 const binaryData = [] binaryData.push(data.data) //放入数据 let blob = new Blob([data.data], {type: data.headers['content-type']}) let fileName = data.headers['content-disposition'].split(原创 2021-03-22 16:16:00 · 86 阅读 · 0 评论 -
使用axios调用mock数据
使用axios调用mock数据在开发的时候,由于后端数据未能及时给,但有时候又要模拟某些业务场景,mock就是个很不错的选择。使用mock.js拦截ajax请求就更方便的造取数据。以下分别用vuex、一般情况去调用接口。话不多说,直接上代码!首先安装 axios mockjsnpm i axios -Snpm i mockjs -S1.新建request.js文件,封装axiosimport axios from "axios"let url = window.location.orig原创 2021-03-10 10:49:25 · 1297 阅读 · 2 评论 -
vue处理菜单权限
vue项目处理菜单权限第一种:后台直接返回菜单数据,例如:menuList:[ { path:'/home', icon:'icon home', title:'首页' }, { path:'/table', icon:'icon table', title:'表单' }, ...]数据返回后,直接拿到el-menu中去遍历(个人使用的elementUI)<el-menu :def原创 2021-02-25 15:14:10 · 567 阅读 · 0 评论 -
vue实现打印后的页面直接打印
vue实现打印后的页面直接打印/** 处理blob接口返回值或弹窗打印pdf* */export function getBlobResult(data) { const binaryData = []; binaryData.push(data); let blob = new Blob(binaryData, { type: data.type }) //弹出打印 console.log("data.type", data.type) if (data.type == "原创 2021-02-24 17:29:07 · 821 阅读 · 2 评论 -
vue相关插件总结
一些常用但不被熟知的vue相关生态及插件本人在项目开发及个人练习中,用到的一些好的插件或工具库。话不多说,直接安排(官方有文档的直接附上url)①vxe-table :一个基于 vue 的 PC 端表格组件,支持增删改查、虚拟滚动、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、虚拟列表、模态窗口、自定义模板、渲染器、贼灵活的配置项、扩展接口等。地址:https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/install原创 2021-01-26 13:35:44 · 1513 阅读 · 8 评论 -
element-ui table表格列宽自动适应
话不多说,直接上解决方案第一步先安装 af-table-columnnpm install af-table-column第二步在main.js中引入import Vue from 'vue'import ElementUI from 'element-ui'import AFTableColumn from 'af-table-column'Vue.use(AFTableColumn) //注意,先引用vue再引入elementui最后在组件中用 <el-table stri转载 2021-01-25 15:54:28 · 2938 阅读 · 0 评论 -
浅析插槽
浅析插槽一、插槽的定义:插槽也是一种组件,并且可以传参二、插槽的分类:匿名插槽、具名插槽、作用域插槽三、插槽的使用①匿名插槽子组件:test.vue<template> <div class="test"> <slot>我是子组件的匿名插槽</slot> </div></template>父组件:index.vue<template> <test-index> 我是父组件原创 2020-11-10 15:00:05 · 296 阅读 · 0 评论 -
vue-cli 安装过程中报错npm ERR! code EEXIST npm ERR! path
在安装vue/cli,报错的问题如下:输入 npm install –g vue-cli又试了这种:npm install @vue/cli –g,结果还是不行后来就尝试清一下缓存:npm cache clean –force (清楚npm缓存)发现再次安装还是无效,环境变量也没有错,最后是这样解决的:把安装node文件夹下的node_cache(node缓存文件夹)跟node_global(全局安装是安装在node_global目录下的)两个文件夹下的内容全部删除再次执行 npm in原创 2020-06-01 20:48:29 · 23438 阅读 · 9 评论