从不讲道理-CSDN博客

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 947

原创 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 498

原创 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 917

原创使用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 657

原创 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 452

原创使用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 1827 1

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

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

2020-08-16 11:55:27 6512 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 352 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 1382

原创 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 2019

原创 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 2087

原创 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 154

原创 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 884

原创 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 653 1

原创查看搜狗浏览器插件的本地安装位置

查看搜狗浏览器插件的本地安装位置使用命令行查看：同时按下windows键以及R键，输入如下命令即可 %appdata%/Sogouexplorer\Extension直接打开文件夹插件安装的文件夹位置如下C:\Users\Administrator\AppData\Roaming\SogouExplorer\Extension...

2020-03-04 10:12:56 2597

原创 Ant Design时间选择汉化问题总结

Ant Design时间选择汉化问题总结汉化前代码与展示效果代码import { Button, Calendar } from 'antd';import React, { Component } from 'react';class Date extends Component { render() { return ( <div...

2020-03-03 11:47:40 287

原创使用create-react-app创建的react项目目录不完整

使用create-react-app创建的react项目目录不完整问题描述使用create-react-app创建的react项目时出现目录不完整，不完整的目录结构如下：创建方式如下：创建完成后控制台的展示结果如下A template was not provided. This is likely because you're using an outdated version ...

2020-03-03 10:41:01 1064

原创 MongoDB数据库中索引的整理与总结

#MongoDB数据库中索引的整理与总结当数据量相当大时，建立合适的索引可以很大的提高查询性能。索引需要消耗硬盘和内存资源，所以要根据程序需要进行建立，MongoDB对索引数量进行了限制，只允许建立64个索引值。建立索引语法：db.集合名.ensureIndex({字段名:1}) 1：代表正序 text：代表全文索引 eg: db.randomInfo.ensureI...

2020-01-15 10:08:38 231

原创 MongoDB数据库中remove的整理与总结

MongoDB数据库中remove的整理与总结删除整个集合中的所有数据 db.test.remove()删除集合中符合过滤条件的数据 db.test.remove({name:/aws/})删除符合条件的一条记录 db.test.remove({name:/aws/},1)...

2020-01-14 17:00:39 1064

原创 MongoDB数据库中find的修改器整理与总结

MongoDB数据库中find的修改器整理与总结find参数详解：query：这个就是查询条件，MongoDB默认的第一个参数。fields：（返回内容）查询出来后显示的结果样式，可以用true和false控制是否显示。1. 简单查找用途：用来查找集合中的所有数据 1.基本语法示例： db.user.find({}) 2.json嵌套的查找 db.user.find({"...

2020-01-14 16:52:46 366 1

空空如也

空空如也