vue
文章平均质量分 59
Dreamy_Lois
这个作者很懒,什么都没留下…
展开
-
JavaScript Vue项目中使用Axios获取多个请求结果并合并处理(阻塞请求,同步请求)
1. 问题项目中使用的是axios来发送请求数据的,但现在有个需求:发送同时发送多个请求(请求数量不确定),并将结果合并起来进行处理。axios是异步请求,虽然可以使用 async/await ,来进行阻塞,但是不符合前面说的需求(多个请求且请求数量不定)。2. 解决使用 Promise.all() 方法来解决let requestPromiseArray = new Array();data.forEach(item => { // post() 是调用 axios,实际上axios就原创 2021-04-17 22:08:02 · 3094 阅读 · 0 评论 -
elementUI DatePicker 日期选择器 周数显示(2.12.0版本)解决周数显示不正确及选中效果问题,并兼容选择器非week模式的正常运行
转载请注明出处:1. 环境elementUI:2.12.02. 准备到GIt上下载跟你对应版本的elementUI源码:传送门依赖安装npm install3.修改3.1 date.vue文件位置:element-2.12.0\packages\date-picker\src\panel\date.vue将showWeekNumber属性绑定到DatePicker组件上,否则使用的将是DatePicker组件中的默认值false,第94行添加如下代码:show-week原创 2021-01-16 12:04:15 · 2600 阅读 · 1 评论 -
x-data-spreadsheet 在线编辑excel文件,支持导入/导出/上传/读取网络 excel,合并单元格(vue版本)
1. 环境vue:2.6.10x-data-spreadsheet:1.1.8less:4.0.0less-loader:7.1.0xlsx:0.15.12. 优点可以导入本地excel文件,读取文件数据及合并单元格信息,呈现在线上excel中。可以将线上的excel导出成excel文件,并保留合并单元格信息3. 缺点不能读取本地excel文件中的样式信息不能导出线上excel文件样式信息3. 代码<template> <div>原创 2020-12-24 16:35:41 · 7565 阅读 · 5 评论 -
x-data-spreadsheet 中文设置失败(本地化无效) 解决办法
1. 问题需要使用在线excel编辑,选择使用x-data-spreadsheet 来实现,但安装官方教程一直不能设置成中文//引入依赖包import zhCN from 'x-data-spreadsheet/dist/locale/zh-cn';import Spreadsheet from 'x-data-spreadsheet';import XLSX from 'xlsx'//设置中文Spreadsheet.locale('zh-cn',zhCN);2. 环境vue:2.6.1原创 2020-12-23 16:53:16 · 1328 阅读 · 0 评论 -
x-data-spreadsheet 编译错误 Unrecognized input. Possibly missing ‘(‘ in mixin call. 解决办法
1. 简介需要使用在线excel编辑,选择使用x-data-spreadsheet 来实现,但安装完后发现一个错误npm install less less-loader x-data-spreadsheet --save2. 环境vue:2.6.10x-data-spreadsheet:1.1.8less:4.0.0less-loader:7.1.03. 问题 error in ./node_modules/x-data-spreadsheet/src/index.lessSyn原创 2020-12-23 14:30:12 · 2587 阅读 · 3 评论 -
js调用打印机多页时导致table被截断(vue-print-nb)
1 环境vue: 2.6.10vue-print-nb:1.5.02 问题前端调用打印机打印时,页面table太长了被截断了,截断的还不规则,例如下图:这样打印出来的会很丑,而且分页打印的时候没有表头,阅读起来不是很方便。3 解决使用 thead、tbody两个标签解决,使用thead标签包裹表头,使用tbody标签包裹表体,例如下图<table> <thead> <tr> <th>City</th>原创 2020-07-29 13:57:59 · 6132 阅读 · 0 评论 -
导入xlsx-style组件报错Can‘t resolve ‘./cptable‘ in ‘xxxx\nautical-front\node_modules_xlsx
import XLSX from “xlsx-style”报错:This relative module was not found: ./cptable in ./node_modules/[email protected]@xlsx-style/dist/cpexcel.js需要修改源码:在\node_modules\xlsx-style\dist\cpexcel.js 807行 的 v...原创 2020-02-27 12:35:53 · 5280 阅读 · 11 评论 -
Nuxt中使用Vuex(新版,简单入门)
1.前言因为我学的是后端开发,前端不是很厉害,如果有什么不对的地方请评论指出,谢谢!看这篇文章你需要对Vuex有一定的了解 官方链接做课设的时候使用到了Nuxt框架,需要做登录,也就结识了Vuex,其实以前就学过Vuex,但是一直不知道这个东西有什么优势,特点。这次我在实际使用中就用到了一个非常好用的特点,官方的解释如下:Vuex 的状态存储是响应式的。当 Vue 组件从 store ...原创 2019-11-03 20:39:35 · 8585 阅读 · 2 评论 -
vue-element-admin 访问后端API 跨域问题 新版教程(非常简单) 403
项目中使用到了vue-element-admin,在进行前后端对接的时候遇到了跨域问题,网上的很多方法中有什么config文件下,但是那是老版中才有的,vue-element-admin新版有所不同。前端报错:OPTIONS http://localhost:8080/user/user/managerLogin 403Access to XMLHttpRequest at 'http:/...原创 2019-10-26 16:09:50 · 15015 阅读 · 10 评论 -
code ENOENT;errno -4058;This is related to npm not being able to find a file.
环境:Vue 安装 wangeditor报错信息:npm ERR! path D:\java\biyesheji\starter-template-master\template\node_modules\[email protected]@string.prototype.trimright\node_modules\function-bindnpm ERR...原创 2019-09-24 21:46:04 · 2750 阅读 · 0 评论 -
v-infinite-scroll 只在页面加载后触发一次 || 滚轮划到低端时不触发 的问题
环境:Nuxt+ElementUI问题:使用瀑布流加载,但是只在页面加载完毕后触发一次,之后再不触发解决方式:将 v-infinite-scroll=“loadMore” 放在一个更大的标签下...原创 2019-09-18 18:04:47 · 7081 阅读 · 1 评论 -
Invalid prop: type check failed for prop “router“. Expected Boolean, got String with value “true“.
环境:Vue+ElementUi描述:在使用ElementUI的菜单导航时报错错误信息:Invalid prop: type check failed for prop “router”. Expected Boolean, got String with value “true”.我想使用菜单导航跳转页面,但是发现在将router设置为true时,就出现了这个错误<el-menu...原创 2019-09-10 20:53:57 · 14496 阅读 · 7 评论 -
vueAdmin-template-master十次方后台项目前端(已经完成初始化)下载地址
由于vue由vue2升级到vue3,而十次方项目还是用的以前的vue2,这给新入门的同学造成了不小的困惑。我在我的github上已经上传了我写的。地址:十次方后台前端项目如果可以的话,请帮我点个star,谢谢!最好把我的代码删掉自己写一遍使用的easy-mock地址需要更换成自己的使用步骤:(1)解压vueAdmin-template-master(2)在命令提示符进入该目录,输入...原创 2019-07-10 13:48:27 · 7215 阅读 · 4 评论 -
Vuex快速入门 Vue状态管理(vuex超简单入门,图文详解)状态管理模式
环境是根据以前文章所搭建:vue3项目创建并添加路由动态路由教学嵌套路由教学需要查看以往的项目搭建,可以自行查看,在以下就不赘述1 vuex简介“Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。”这是官方文档上的描述,通俗点说就是统一管理用户的状态(如登录状态),让我们能够在我们整个站点中都能够获取到这些信息。2 安装Vuexcmd命令行模式进入到项目目录下,对vu...原创 2019-07-09 19:13:23 · 2090 阅读 · 0 评论 -
Vue 嵌套路由(Vue 嵌套路由入门,图文教学)
该文章的项目是我的上篇文章的项目,上篇博客地址:上篇博文1 什么是嵌套路由嵌套路由就是路由中的路由,路径的子路径,如图中/user/foo下有两个profile、posts子路由。嵌套路由有什么用?可以使用相同模版,网页框架不变,只改变一小部分内容/user/foo/profile /user/foo/posts+-----------------...原创 2019-07-08 18:52:22 · 2695 阅读 · 1 评论 -
Vue 动态路由(Vue动态路由入门,图文详解)
该文章的项目是我的上篇文章的项目,上篇博客地址:上篇博文1 什么的动态路由根据路径不同,显示内容不同。就像图片路径:image/1 ,其中变化的就是这个“1”,根据这个数字的变化会展示不同的图片。2 页面编写在src/components路径下创建item.vue,其中内容为(当然你也可以不使用id,使用别的你想要的名字)<template> <div >...原创 2019-07-08 18:19:54 · 8538 阅读 · 0 评论 -
Can’t resolve ‘vue-router’ in (Vue3搭建项目中遇到的问题)
使用Vue-cli搭建好默认项目后,想要用路由功能,但是报错Can’t resolve ‘vue-router’ in xxxx(某路径)这是因为缺少包的原因在命令行中运行一下命令重启项目即可解决npm install vue-router...原创 2019-07-08 17:58:01 · 20038 阅读 · 1 评论 -
vue 创建项目并添加路由(Vue路由入门教学,图文详解)
注:初学vue,如有错误。请指教,谢谢!最近在看十次方项目,但是vue版本进行了更新,vue由2版本升级为3版本,有很大的差别。1.vue-cli1.1 介绍Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统1.2 下载vue-cli在命令行下运行npm install -g @vue/cli# ORyarn global add @vue/cli1.3 构建项...原创 2019-07-08 17:32:30 · 21168 阅读 · 0 评论