![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
香蕉不呐呐呐
这就是命,不怪自己不愿别人。
展开
-
关于toFixed四舍五入的精度问题
关于toFixed四舍五入的精度问题原创 2023-08-25 11:55:55 · 604 阅读 · 0 评论 -
VUE 事件总线EventBus,不同页面间的传值
在实际开发过程中有时候会遇到需要在不用页面之间的实时传值,如果感觉vuex进行传值比较麻烦,可以考虑Vue的事件总线 EventBus来进行通信。EventBus的简介EventBus又称为事件总线。在Vue中可以使用EventBus来作为沟通桥梁的概念,就像是所有组件共用相同的事件中心,可以向该中心注册发送事件或接收事件,所以组件都可以上下平行地通知其他组件,但也就是太方便所以若使用不慎,就会造成难以维护的“灾难”,因此才需要更完善的Vuex作为状态管理中心,将通知的概念上升到共享状态层次。...原创 2021-11-30 16:51:28 · 1282 阅读 · 0 评论 -
VUE封装公共的请求
在units里面创建request.js文件/* * @Author: * @Date: 2021-11-16 00:00:00 * @LastEditTime: 2021-11-11 00:00:00 * @LastEditors: * @Description: In User Settings Edit * @FilePath: \table-icon\src\units\request */import axios from "axios";import { Messag原创 2021-11-30 16:29:59 · 796 阅读 · 0 评论 -
VUE封装Echarts图表组件
建立一个echarts的文件夹并创建一个base-echarts.vue文件<template> <div :id="elId" style="height: 100%; width: 100%" /></template><script>import * as echarts from "echarts";import { merge, debounce } from "lodash";// 引入公共样式import baseO...原创 2021-11-30 16:19:57 · 353 阅读 · 0 评论 -
vue 启项目报错Error: EPERM: operation not permitted, unlink
使用npm install安装依赖之后,有时候存在网络或其他问题安装不上个别依赖,其项目失败,报错当启项目时报错:Error: EPERM: operation not permitted, unlink此问题困扰好久,刚开始以为和其他人遇到的问题相似是因为管理员权限问题导致的,后来按照网络方法一顿使用发现不是权限问题,后来发现了问题不是权限问题,是因为一次安装失败之后,再次安装的时候直接npm install或者cnpm install,因为没有清除缓存导致的这个问题,此时应该清楚缓存在进行.原创 2021-11-30 11:03:43 · 10144 阅读 · 0 评论 -
快速删除vue项目依赖node_modules文件夹
日常删除vue的项目依赖node_modules文件夹就是直接右键删除,缺点是依赖文件特别多,删除速度非常慢。有时候还会出现文件层次太深无法删除这种情况可以通过安装rimraf来删除,删除特别快,强烈推荐安装(推荐全局安装)npm install -g rimraf进入项目文件夹rimraf node_modules...原创 2021-11-30 10:35:24 · 4229 阅读 · 0 评论 -
vuex进阶之Module
基本的项目使用基础的vuex就行,要是模块比较多,业务场景比较大的项目,要是都写在一个store里面比较多,处理比较复杂,使用和维护起来比较臃肿。这种情况就要使用到了vuex的Module了,每一个模块是一个Module。这样使用和维护起来都比较方便。使用方法如下:在src下建立store文件夹,创建如下文件在index.js代码如下:import Vue from "Vue"import Vuex from "Vuex"import a from "./modules/a";im.原创 2021-11-18 16:28:59 · 113 阅读 · 0 评论 -
vue使用vuex
1、安装vuexnpm install vuex --save2、模块引用vuex,创建store文件夹创建index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ state: { count: 0, num: 0, typeData: {} }, mutations: { increment (stat原创 2021-11-18 11:00:44 · 626 阅读 · 0 评论 -
vue 父子组件之间的传值
父组件给子组件传值通过自定义参数原创 2021-11-18 09:33:50 · 129 阅读 · 0 评论 -
vue-cli3及以上创建项目并配置vue.config.js
vue create 项目名如果想要使用啥就加载啥直接default直接一路Enter就行,简单版,需要啥安装啥就行如果有其他想要安装的可选择Manually select features可选择自己想要安装完成之后,npm run serve 就可以对于跨域和一些基本的配置需要自己配置,在根目录下创建vue.config.js,一些自己的基础配置如下,其他特殊要求可以自己百度加载。const target = "后台的接口链接"const port = proces..原创 2021-11-18 08:33:18 · 583 阅读 · 0 评论 -
vue仅导入读取excel数据
<template> <el-upload class="excelClass" :http-request="readFileExcel" :show-file-list="false" action="Fake Action" > <el-button type="primary">导入</el-button> </el-upload></template><scrip.原创 2021-11-11 14:58:02 · 538 阅读 · 0 评论 -
vue前端解析读取excel文件
npm install xlsx --save<!-- 导入导出组件(纯前端) --><template> <span> <input type="file" @change="importFile(this)" id="imFile" style="display:none;" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.shee.原创 2021-11-11 14:55:15 · 3223 阅读 · 0 评论 -
vue 预览PDF文件
创建一个vue文件showContracts.vue<template> <div> <div> <el-button size="mini">上一页</el-button> <el-button size="mini">下一个</el-button> </div> <canvas v-for="item in totalPage" :key=...原创 2021-07-28 10:25:07 · 484 阅读 · 0 评论 -
创建自己的第一个vue项目
vue-cli是vue官方搭建vue项目的脚手架,用来快速搭建vue项目。上一篇文章已经安装了npm和vue,这一篇就让我们直接开始搭建项目吧。1、打开自己的文件夹,例如我存放文件的是E盘projects文件夹,使用cmd打开文件夹e: //进入E盘cd projects //打开projects文件夹2、运行命令创建项目,我创建的项目名称为testvue init webpack test3、进入项目设置页面,基本就是一路回车就行了,但是在ESLint那里我建议新手选择NO,原创 2020-12-28 10:09:01 · 239 阅读 · 0 评论 -
vue项目从入门到精通开始的第一步,安装vue环境
今天开始开始写vue的博客了第一步:下载vue的环境,首先需要下载node,在vue项目中node是必须得,node是一个库可以安装各种环境和软件http://nodejs.cn/download/ 下载网址下载对应的版本,如果是windows7系统的话那就不能下载最新的node版本,就可以在下边的全部安装包的阿里云镜像中寻找自己想要的版本第二步:安装node,点击安装包,直接一直下一步就可以了,直接傻瓜式安装就可以了。第三步:打开win+R,输入cmd,回车。第四步:输入node -.原创 2020-12-18 16:25:52 · 909 阅读 · 3 评论