问题汇总:1、 Uncaught Error: ReferenceError: JSZip is not defined at XMLHttpRequest.xhr.onreadystatechange (index.js?0083:110:1)原因:docxtemplater 不支持jszip,会有报错,因此要使用PizZip解决:安装依赖npm install pizzip,使用P
转载
2024-01-29 13:25:24
83阅读
在项目中,大致代码大概如下:1、初始化对象:getCategory().then(res=>{
// 1.获取分类数据
this.categories=res.data.category.list
// 2.初始化每个类别的子数据
for (let i=0;i<this.categories.length;i++){
转载
2024-06-17 12:09:19
67阅读
需求:实现不重新打包修改loading文案,以及颜色。思路:1.需要webpack打包是不将自己定义的配置文件打包,这就需要我们将自定义的配置文件放到public里面(vue-cli3搭建的项目),如果是vue-cli2搭建的项目则需要将文件放到static里面。2.需要打包后不会,将内容写死到打包后的文件中。如果是该图片直接使用require就好。在img标签的src中如下然后想要修改是直接将d
转载
2024-10-11 11:03:44
22阅读
今天让我们用前后端分离实现三级联查需求 : 省份与城市的联动,城市和县区的联动一.准备数据库省份/城市/区县三个表二.下载node.js输入node -v和npm -v如果出现版本号则安装成功(下载慢的话可以切换国内npm配置淘宝镜像命令行输入:npm config set registry https://registry.npm.taobao.org)三.搭建vue环境1.下载安装
转载
2024-04-09 12:34:39
53阅读
一、实现效果 以填写并导出房屋出租审批表为例,首先填写表格相应内容后,点击" 导出 "按钮实现word文档的导出功能,界面如下所示: 最后导出word文档如下所示:二、所需插件 这里使用npm对以下所需依赖进行安装,并在后面封装的js文件(导出word文档主要实现方法)中引入 。-- 安装 docxtemplater
npm insta
转载
2024-03-23 09:08:18
337阅读
tips:文件地址(按需自己改造去)xlsx.js读取日期时,如果默认转成js日期的话,会比正常的时间少43秒,设置日期读取时,直接转成字符串即可,如下图所示,那么转换后的数据就是字符串型日期:"2022-05-09",如果需要到具体时分秒,请自行减43秒。//转换数据
//let tempSheetData = _this.handleGetData(XL
转载
2023-08-24 16:45:59
217阅读
# 如何实现Vue读取Redis
## 一、整体流程
```mermaid
flowchart TD
A(开始) --> B(连接Redis)
B --> C(读取数据)
C --> D(展示数据)
D --> E(结束)
```
## 二、具体步骤
### 步骤一:连接Redis
在Vue项目中安装redis插件,可以使用`vue-redis`插件来连接
原创
2024-05-18 04:02:49
103阅读
Node 环境变量 process.env.NODE_ENV 之webpack应用对于process.env.NODE_ENV困惑起因为在配置webpack时,明明配置了:process.env.NODE_ENV为production,如下:new webpack.DefinePlugin({
'process.env.NODE_ENV': JSON.stringify('
# Vue 读取 Redis
## 前言
Redis 是一个开源的内存数据结构存储系统,常用于缓存、队列、消息中间件等场景。Vue 是一种流行的 JavaScript 框架,用于构建用户界面。本文将介绍如何在 Vue 应用中读取 Redis 数据,并提供相应的代码示例。
## Redis 数据访问方式
Redis 提供多种数据访问方式,包括命令行工具、客户端库等。在 Vue 应用中,我们可
原创
2024-01-05 04:03:16
151阅读
一、跨域1、同源策略浏览器同源策略限制请求同源是指"协议+域名+端口"三者相同,即便两个不同的域名指向同一个ip地址,也非同源。限制以下行为Cookie、LocalStorage 和 IndexDB 无法读取DOM 和 Js对象无法获得AJAX 请求不能发送有三个标签是允许跨域加载资源:<img src=XXX><link href=XXX><script src=X
# Vue 读取 Redis 的前后端实现
在现代前端开发中,Vue.js 是一种非常流行的框架,因其高效、灵活的特性受到许多开发者的喜爱。而 Redis 是一个开源的高性能键值数据库,因其快速的内存读写速度,被广泛用于缓存和数据存储场景。在本篇文章中,我们将探讨如何在 Vue 项目中读取 Redis 数据,并给出详细的代码示例。
## 1. 准备工作
### 1.1 安装所需依赖
在使用
原创
2024-10-25 06:23:38
34阅读
electron-vue+node-serialport实现串口通信准备工作重点步骤windows-build-toolsnode-gypelectron-rebuildserialport问题Could not find PythonCould not find any Visual Studio installation to usevalid versions for msvs_versi
Vue 中 SVG 动态渲染 包括(绑定事件,修改元素,SVG缩放) 支持PC 移动业务需求: SVG动态渲染页面 可以修改SVG元素属性,点击事件,SVG的缩放移动vue + svg + D3 借鉴了一些其他博主的案例来实现template页面默认设置 存入 svg 模块<template>
<div>
<div class="back"><
什么是跨域?跨域,是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的,是浏览器对JavaScript实施的安全限制。什么是同源策略?同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,它是由Netscape提出的一个著名的安全策略。同源策略是浏览器的行为,是为了保护本地数据不被JavaScript代码获取回来的数据污染,因此拦截的是客户端发出
阅读本文,你将学到:1. 如何学习调试源码
2. 学会如何获取 package.json
3. 学到 import.meta
4. 学到引入 json 文件的提案
5. JSON.parse 更友好的错误提示
6. 规范化 package 元数据
7. 等等2. 场景优雅的获取 package.json 文件。read-pkg[3]vue-cli 源码[4]const fs = require(
转载
2023-08-24 21:46:51
564阅读
Vuex 数据在刷新页面时丢失的问题,通常是由于 Vuex 的状态是存储在内存中的,当页面刷新或关闭时,内存中的数据会被清除。为了解决这个问题,你可以采用以下几种方法:使用浏览器的本地存储:你可以使用浏览器的 localStorage 或 sessionStorage 来存储 Vuex 的状态。在页面加载时,你可以从本地存储中读取状态并恢复到 Vuex 中;在页面卸载或刷新前,你可以将 Vuex
# Vue如何读取MySQL数据库数据
## 概述
Vue是一种用于构建用户界面的渐进式JavaScript框架。它可以与后端数据库进行交互,读取和显示数据。在本篇文章中,我们将探讨如何使用Vue读取MySQL数据库数据,并展示了一个完整的示例。
## 前提条件
在开始之前,确保您已经安装了Vue.js和MySQL,并且具有必要的数据库连接凭据。
## 步骤
### 步骤1:创建Vue应用
原创
2023-11-03 15:13:18
1497阅读
1评论
以下文件可以写一起,不过为了方便管理,建议分开写1、创建api-server文件夹(文件夹名字随意,根据个人喜好) (1).新建api-servers文件const path = require("path")
const express = require("express")
const app = express()
const mongoose = require("mongoose")
转载
2024-05-29 06:56:58
826阅读
vue读取本地xlsx文件最近项目中有一个需求,大概就是先上传文件,再将上传文件详情回传到页面显示出来,但是由于表头太多,一个一个对字段显得太繁琐了,所以就找了一个可以直接读取Excel文件的方法。但通过实践后,还是发现调接口来的比较方便,不过无妨,也可以当作学了一种方法了。 在网上搜索发现了一个可以直接用的工具库 js-xlsxjs-xlsx由 SheetJS 出品的 js-xlsx 是一款非常
转载
2024-03-01 08:30:27
92阅读
把文件放到public里面 然后通过 axios.get 去加载
转载
2023-06-11 10:32:38
376阅读