从不讲道理-优快云博客

vue3+view-ui-plus中封装Messageimport { Message } from 'view-ui-plus'const MessageSuccess = (text = '成功') => { Message.info({ content: text, duration: 10, background: true, closable: true });}const MessageError = (text = '错误') =>

2022-05-21 20:09:30 1151

原创 vue3+view-ui-plus中封装全局loading

vue3+view-ui-plus中封装全局loadingimport { Spin } from 'view-ui-plus'// 将同一时刻的请求合并let needLoadingRequersCount = 0;export const showFullScreenLoading = function () { if (needLoadingRequersCount === 0) { Spin.show() } needLoadingRequersCount++}ex

2022-05-21 20:05:01 635

原创 vue3+view-ui-plus+tree组件实现自定义树形控件

vue3+view-ui-plus+tree组件实现自定义树形控件展示效果实现方式<template> <Tree :data="treeData" :render="renderContent"></Tree></template><script setup>let treeData = ref([ { id: '1', title: '1', expand: true, children:

2022-05-21 19:56:28 1069

原创使用vis绘制堆叠折线图并添加自定义时间，可随时间变化进行移动以及自定义图例功能

使用vis绘制堆叠折线图最终实现效果安装相关依赖包cnpm install -S vis-linetimecnpm install -S vis-datacnpm install -S moment组件中引入使用const moment = require('moment')import { DataSet } from 'vis-data/peer'import { Graph2d } from 'vis-timeline/peer'import 'vis-timeline/st

2022-05-16 15:02:17 795

原创 el-menu递归菜单展示

el-menu递归菜单展示<template> <div> <el-menu mode="vertical" background-color="#223958" text-color="#fff" active-text-color="#ffd04b" class="el-menu-vertical-demo"> <SidebarItem v-for="route in pe

2022-04-26 14:52:27 558

原创使用vis-timeline绘制甘特图并实现时间轴的中文化

使用vis-timeline绘制甘特图并实现时间轴的中文化最终实现效果安装vis-timeline及相关依赖包cnpm install -S vis-linetimecnpm install -S vis-datacnpm install -S moment组件中引入使用// 国际化时间轴时必选在先引入moment在引入vis相关依赖包const moment = require('moment')import { DataSet } from 'vis-data/peer'imp

2022-04-26 10:51:04 2334 1

原创 vue中组件的数据已经发生更新，但是页面未发生更新

vue中组件的数据已经发生更新，但是页面未发生更新问题描述父组件通过请求拿到数据后，在父组件中对数据进行处理，处理完成后通过props传递给子组件进行渲染，此时在子组件中修改数据后，通过vue Devtools查看数据以及修改完成，但是页面并没有刷新。问题代码父组件代码// 父组件<template> <div> <dataUpdate :multipleTable="data"></dataUpdate> </div&gt

2020-08-16 11:55:27 7326 2

原创使用vue开发的Excel数据分发工具项目总结

使用vue开发的Excel数据分发工具项目总结项目使用技术介绍项目采用的技术是vue+vuex+vue-router+elementUI，项目使用了vue-cli结合webpack进行创建和启动。项目功能介绍根据用户上传的Excel表格，选择需要拆分的字段，后台会将excel按照选择的字段拆分成多个excel，并提供下载地址，通知可根据上传的配置文件将拆分好的表格以邮件附件的形式发送给指定的人员。项目开发总结1.vuex中state多层数据的简写（使用函数的方式获取state）背景介

2020-06-04 16:39:21 426 1

原创使用vue-cli搭建的项目在配置less提示“ loaderContext.getResolve is not a function”

使用vue-cli搭建的项目在配置less提示“ loaderContext.getResolve is not a function”问题描述在使用vue cli创建的webpack项目中，想配置less预处理，在配置完成后出现“ loaderContext.getResolve is not a function”报错信息，具体如下。问题产生原因安装的less版本过高，less、less-loader版本如下。解决方法在package.json文件中直接修改less的版本号，并重新npm

2020-05-16 11:59:55 1444

原创 Gitbook的使用教程

Gitbook的使用教程GitBook 是一个基于 Node.js 的命令行工具，支持 Markdown 和 AsciiDoc 两种语法格式，可以输出 HTML、PDF、eBook 等格式的电子书安装由于gitbook是基于node.js的，所以在安装gitbook之前需要先安装node。npm install -g gitbook-cli检验是否安装成功gitbook -V使用新建一个文件夹，如myBooks，并在该文件夹目录下执行以下操作。初始化gitbook init此时在

2020-05-11 21:16:03 2094

原创 vue : 无法加载文件 C:\Users\XXX\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本

使用vue创建项目时出现命令行报错问题描述在已安装vue及vue-cli的情况下，在命令行中使用vue创建新项目时提示如下报错信息，导致项目无法正常创建。vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 http://go.microsoft.com/fwli...

2020-04-08 16:13:32 2206

原创 vuex的学习总结

vuex的学习总结安装和使用安装vuexnpm install vuex --save使用在项目根目录下的src文件夹中新建store文件夹，同时新建index.js文件，编写index.js文件如下import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);const store = new Vuex.S...

2020-03-30 12:20:56 178

原创 react中this的使用方法总结

react中this的使用方法总结this的绑定通过this.事件名称.bind(this)进行this绑定。通过箭头函数进行this绑定。react中遇到循环时this的绑定方法通过赋值的方式进行绑定：var _this = this;。通过this.事件名称.bind(this)进行this绑定。通过在map函数的第二个参数将this传入进行绑定。react中遇到循环时...

2020-03-06 15:25:45 956

原创 Rudex的使用方法与总结

Rudex的使用方法总结Redux的工作原理Redux的使用步骤环境准备安装redux cnpm install -D redux文件准备：在src目录下新建store文件夹，用来存放所有和redux有关的文件。创建图书记录本（Reducer）在store文件夹中创建reducer.js文件，用来存储数据。在reducer.js中创建需要使用的初始state数据，并对...

2020-03-06 12:17:52 812 1

空空如也

空空如也