随笔档案「2021年7月」 - 丶有情调。

vue 导出Excel (基础版)

摘要：1.下载组件：cnpm install vue-json-excel 2.main.js中引入： import JsonExcel from 'vue-json-excel' Vue.component('downloadExcel', JsonExcel) 3.页面引用 html: <downlo 阅读全文

posted @ 2021-07-28 12:01 丶有情调。阅读(164) 评论(0) 推荐(0)

JDK环境配置

摘要：1.下载JDK包，安装JDK（附带JRE） 2.添加环境变量 3.添加path %JAVA_HOME%\bin %JAVA_HOME%\jre\bin 阅读全文

posted @ 2021-07-27 19:09 丶有情调。阅读(43) 评论(0) 推荐(0)

IDEA配置Maven

摘要：进行IDEA settings：File->Settings->Build, Execute, Deployment->Build Tools->Maven 修改 Maven home directory: d:/software/apache-maven-3.5.0修改 User settings 阅读全文

posted @ 2021-07-26 16:09 丶有情调。阅读(50) 评论(0) 推荐(0)

Ecplice配置Maven

摘要：1.先下载maven包，然后解压 2.path中添加包的地址，锁定在bin目录下 3.cmd命令:mvn -v检查是否成功 4.配置maven仓库：打开maven文件夹下的conf下的settings.xml 在第160行添加代码（使用阿里云镜像）： <mirror> <id>alimaven</ 阅读全文

posted @ 2021-07-26 16:00 丶有情调。阅读(67) 评论(0) 推荐(0)

SSM项目启动

摘要：流程图： 1. 首先浏览器上访问路径 /listCategory 2. tomcat根据web.xml上的配置信息，拦截到了/listCategory，并将其交由DispatcherServlet处理。 3. DispatcherServlet 根据springMVC的配置，将这次请求交由Categ 阅读全文

posted @ 2021-07-26 13:49 丶有情调。阅读(1049) 评论(0) 推荐(0)

VSCode无法使用cnpm解决办法

摘要：右击VSCode图标，选择以管理员身份运行; 在终端中执行get-ExecutionPolicy，显示Restricted，表示状态是禁止的；这时执行set-ExecutionPolicy RemoteSigned；此时再执行get-ExecutionPolicy，显示RemoteSigned，阅读全文

posted @ 2021-07-23 09:29 丶有情调。阅读(374) 评论(0) 推荐(0)

JS常见问题简单理解

摘要：一、预编译：作用域的创建阶段（预编译阶段） 1.创建ao对象 2.找到形参和变量的声明，作为ao对象的属性名，默认值是undefined 3.将实参与形参相统一 4.找到函数的声明，如果重名时函数的声明会覆盖变量的声明下面是一道阿里例题： function fn(a,c){ console.lo 阅读全文

posted @ 2021-07-22 17:34 丶有情调。阅读(101) 评论(0) 推荐(0)

ES6中的拓展运算符

摘要：对象中的扩展运算符(...)用于取出参数对象中的所有可遍历属性，拷贝到当前对象之中 let arr1 = { a: 1, b: 2 }; let arr2 = { ...arr1 }; // { a: 1, b: 2 } 相当于把arr1数组中所有的项全部拷贝出来复制到了arr2数组中拓展运算符的阅读全文

posted @ 2021-07-22 16:21 丶有情调。阅读(44) 评论(0) 推荐(0)

Vue表格中添加一列自定义数据

摘要：在columns对象中复制一列即可，title为该列的标题，key为对应后台数据的key值若想对该列数据进行筛选，则可以通过过滤器来实现其中val为该列该行返回的值，row为该列，col为该行若要添加一些操作按钮，则可以这样写通过emit来给对应的文本添加点击事件可通过过滤函数来修改该列返阅读全文

posted @ 2021-07-22 15:14 丶有情调。阅读(2186) 评论(0) 推荐(0)

Vue中的监听事件

摘要：1.监听第code为13的按键<input @:keyup.13="submit"> 2.监听会车按键<input @:keyup.enter="submit"> 3.常用按键： .enter .tab .delete (捕获 “删除” 和 “退格” 键) .esc .space .up .down 阅读全文

posted @ 2021-07-22 11:52 丶有情调。阅读(855) 评论(0) 推荐(0)

vue项目运行

摘要：1.安装node环境 2.安装好后下载cnpm npm install -g cnpm --registry=http://registry.npm.taobao.org 3.安装VUE脚手架 cnpm install -g vue-cli 4.进入项目目录，下载依赖包 cnpm install 5 阅读全文

posted @ 2021-07-22 11:52 丶有情调。阅读(46) 评论(0) 推荐(0)

vue项目引入echarts

摘要：1.项目根目录执行下载echarts,命令：npm install echarts --save 2.在main.js中全局引入echarts 代码： import * as echarts from "echarts" Vue.prototype.$echarts = echarts 3.在对应阅读全文

posted @ 2021-07-22 11:51 丶有情调。阅读(209) 评论(0) 推荐(0)

Vue中常用组件的引入

摘要：1.ElementUI npm i element-ui -S main.js中引入 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 2.vue-r 阅读全文

posted @ 2021-07-22 11:51 丶有情调。阅读(111) 评论(0) 推荐(0)

vue中的父子组件问题

摘要：1.prop传值延迟问题解决办法： a.给prop默认值 b.直接在父级给子组件赋值：this.$refs.statisticsInfo.selectedData = this.selected[0]; 有时调用失败是因为子组件没有渲染完成 this.$nextTick(() => {this.$ 阅读全文

posted @ 2021-07-22 11:50 丶有情调。阅读(207) 评论(0) 推荐(0)

v-charts的使用

摘要：1.下载组件：npm i v-charts echarts@4.9.0 -S 2.main.js中引入： import VCharts from 'v-charts' Vue.use(VCharts) 3.使用准备数据： return { statisticsVisible: false, cha 阅读全文

posted @ 2021-07-22 11:45 丶有情调。阅读(444) 评论(0) 推荐(0)

Git常用命令

摘要：一、VSCode中引入git 选中文件-->首选项-->设置，搜索git，在setting.json中添加"git.path":"D:/soft/git/Git/bin/git.exe" 二、git bush中设置Git 全局设置: git config --global user.name "用户阅读全文

posted @ 2021-07-22 11:44 丶有情调。阅读(64) 评论(0) 推荐(0)

页面简单美化

摘要：侧边栏代码：  <div className="sidebarMouse"><object type="application/x-shockwave-flash" style="outline:none;" data="https://files.cnblogs.c 阅读全文

posted @ 2021-07-21 12:47 丶有情调。阅读(59) 评论(0) 推荐(0)

主题美化（大全）

摘要：css背景的替换代码： body:before { background: url(https://img2018.cnblogs.com/blog/1646268/201906/1646268-20190625093618683-318547492.jpg) center/cover no-rep 阅读全文

posted @ 2021-07-21 11:53 丶有情调。阅读(243) 评论(0) 推荐(0)

ElementUI中的批量导入组件

摘要：组件源码： <template> <div> <el-upload class="upload-demo" v-loading="loading" ref="uploadComs" name="importFile" :limit="1" :on-change="handleChange" :on- 阅读全文

posted @ 2021-07-20 16:59 丶有情调。阅读(570) 评论(0) 推荐(0)

vue通过el-tab实现页内视图切换

摘要：文件目录：最外层index文件的html代码： <el-tabs v-model="activeName" type="card"> <el-tab-pane v-for="tab in tabs" :key="tab.name" :label="tab.label" :name="tab.nam 阅读全文

posted @ 2021-07-20 10:59 丶有情调。阅读(885) 评论(0) 推荐(0)

LV博客

发自心底的默契灵魂

07 2021 档案

公告