学习笔记
菜菜Caro
..
展开
-
git常用命令
指定名称和邮箱git config --global user.name "Your Name"git config --global user.email "email@example.com"原创 2022-08-24 09:57:02 · 156 阅读 · 1 评论 -
获取年月日时分秒
获取年月日时分秒原创 2022-06-01 15:32:23 · 1324 阅读 · 0 评论 -
vue+vant实现动态时间联动
效果图一、找个位置创建个index.js引入以下代码// 月份,日期转化,个位数加0function doHandleFormat(month) { var m = month; if (month.toString().length == 1) { m = "0" + month; } return m;}// 获取每一天的年月日日期function getDay(day) { var today = new Date();原创 2021-06-09 16:00:36 · 550 阅读 · 0 评论 -
includes的使用
includes的使用includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false。看下图,这是我最开始写的判断,实在是太长了…使用includes后原创 2021-06-09 15:22:43 · 262 阅读 · 0 评论 -
GET和POST两种请求方法的区别
个人理解get和post的区别有以下几点:1.发送请求get请求无消息体,只能携带少量数据post请求有消息体,可以携带大量数据2.携带数据的方式:get请求将数据放在url地址中post请求将数据放在消息体中3.GET请求请提交的数据放置在HTTP请求协议头中,而POST提交的数据则放在实体数据中;4.GET方式提交的数据最多只能有1024字节,而POST则没有此限制。...原创 2021-04-23 20:00:58 · 404 阅读 · 0 评论 -
Vue2.0父与子之间的传值方式(父传子、子传父)
前言在 Vue.js 中,父子组件的关系可以总结为 props down, events up 。父组件通过 props 向下传递数据给子组件,子组件通过 emit 给父组件发送消息。1.父传子(props)父组件<template> <div> 父组件: <input type="text" v-model="data"> <br> <!-- 引入子组件 --> <child :input=原创 2021-04-23 19:31:14 · 731 阅读 · 0 评论 -
vue单页面刷新效果
在页面操作某些数据后,想要页面重新加载数据。1、this.$router.go(0)这种方法页面会一瞬间的白屏,体验不是很好,虽然只是一行代码的事。2、跳转空白页再跳回原页面创建一个Vue文件,在里面写入:beforeRouteEnter(to, from, next) { next(vm => { // 此处跳向指定路由,即可实现该路由的刷新 vm.$router.replace(from.path) })},在需要页面刷新的地方写上:this.$原创 2021-04-23 17:18:15 · 192 阅读 · 0 评论 -
时间与时间戳之间的转换
什么是时间戳?时间戳是指格林威治时间自1970年1月1日(00:00:00 GTM)至当前时间的总秒数。它也被称为Unix时间戳(Unix Timestamp)。时间戳是能够表示一份数据在一个特定时间点已经存在的完整的可验证的数据,通常是一个字符序列,唯一地标识某一刻的时间1、时间戳转换成时间模板获取需要转换的值<template slot-scope="scope"> {{time(scope.row.gmtLastLogin)}}</template>m原创 2021-04-23 16:52:12 · 691 阅读 · 0 评论 -
Vue封装element-UI Tag组件(包含右键点击+纵向滚动)
废话不多说,上完整代码:<template> <div class="tags-view"> <el-scrollbar style="height: 60px; white-space: nowrap" ref="elscrollbar"> <el-tag :key="tag.index" v-for="(tag,index) in Tages" closable :disable-transitions="tru原创 2021-04-20 11:46:00 · 1079 阅读 · 0 评论 -
解决vue + element Cascader级联选择器最后一级出现 暂无数据的问题
项目问题场景:在使用element组件Cascader 级联选择器中,请求后台数据时,总会在最后一个出现暂无数据,导致选中不了。解决方案:这里有两种解决方案一、使用递归方式,把最后的children设为undefined// 渲染spu树Spugoods(){ Tree().then((res)=> { if(res.data.errmsg == '成功'){ this.categorygoods = this.getTreeData(res.data.data转载 2021-04-20 11:18:06 · 1952 阅读 · 0 评论 -
vuecli3.x使用tinymce的步骤
前言:本文章是网上看到的,适用我的vue版本,不会报错,所以记录一下,仅作为笔记翻阅1、安装依赖npm install @tinymce/tinymce-vue@3.2.2 tinymce@5.3.1 -S2、找到node_modules中的skins文件夹,然后在项目中的public下新建tinymce文件夹,然后将刚刚找到的整个skins文件夹拷贝到public的tinymce目录下。接着去官网下载语言包,解压,将langs文件夹拷贝到public的tinymce文件夹下(和skins文转载 2021-04-20 10:36:07 · 594 阅读 · 0 评论 -
vue.js 二次封装axios + 实现令牌刷新
文章目录前言一、封装axios二、实现令牌刷新效果总结前言为什么要封装封装的作用:代码具有可重用性和更好的维护性一个api的可能在其它的地方多次被调用,通过封装减少代码量,达到更好的维护效果提示:以下是本篇文章正文内容,下面案例可供参考一、封装axios1:npm安装axios至当前项目中,如下npm install axios --save 2:新建文件夹api,在里面创建js文件,如下图3:再创建util文件,在里面再创建Http.js文件,如下图4:再Http.js原创 2021-04-19 20:20:34 · 684 阅读 · 1 评论 -
导出表格为Excel内容
vue+element 导出表格内容1、首先 安装如下命令:npm install xlsx file-saver -S2、在要导出的页面引入import XLSX from 'xlsx'3、使用html<el-button type="primary" icon="el-icon-download" @click="Summary">汇总</el-button>method Order.pool(list).then((res)=> { //请求接口原创 2021-04-19 19:22:29 · 198 阅读 · 1 评论 -
初学React笔记(一)
文章目录前言一、React二、JSX简介三、元素渲染四、State&class四、事件处理一、ReactCreate React App 是一个用于学习 React 的舒适环境,也是用 React 创建新的单页应用的最佳方式。它会配置你的开发环境,以便使你能够使用最新的 JavaScript 特性,提供良好的开发体验,并为生产环境优化你的应用程序。你需要在你的机器上安装 Node >= 8.10 和 npm >= 5原创 2021-03-23 11:41:31 · 223 阅读 · 0 评论