自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 资源 (6)
  • 收藏
  • 关注

原创 vue-cli4.x + ant-design-vue(layout布局的使用 + 数据渲染 + 树型控件 + 分页)

用vue脚手架搭建完成一个项目之后,用npm install ant-design-vue --save安装ant design vue**1、layout布局**我用的是layout的布局,安装完成后,在main.js中配置一下官方文档上用一个引入一个,而且还有报错。我就直接全部引入过来了import Vue from 'vue'import App from './App.vue'import router from './router'import store from './sto

2020-09-30 17:54:51 4046 1

原创 vue-cli4.x + elementUI复选框checkbox的使用

页面的大致效果就是这样的:1、点击最上面的框进行全选2、可以对每一行的数据进行单选3、将单选/全选的数据在请求后台接口的时候传给后台这里呢实际上没有用到checkbox,只是用到了element中table组件的一个属性,详情见:带checkbox的table,只需要设type属性为selection即可上代码1、@select-all:点击全选触发的事件,接受2个参数2、@select:点击checkbox触发,接受1个参数 <el-table

2020-09-30 09:03:24 370

原创 vue-cli4.x + elementUI树形控件的使用(根据点击内容显示不同数据 + 带多选框的树形控件)

现在有个需求,我点击第一层、第二层、第三层都要显示其对应的数据(包括来回点击父子层节点,多次点击)看了很多文章都说获取父级和子级的当前节点啥的,有点麻烦,em…,直接上代码<el-tree :data="companyList" node-key="id" :props="defaultProps" :default-expanded-keys="[0]" :accordion.

2020-09-28 11:58:04 1526

原创 vue-cli4.x +elementUI项目记录2(登录+树形控件+分页)

登录的功能应该是放在第一篇的,昨天脑子不够用,今天这篇博客来补上,在登录的时候,在vuex对应的文件里面处理好数据store------》index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: { userInfo: null, userData: null, refreshMark: null, sear

2020-09-23 17:51:41 295

原创 vue-cli4.x + elementUI项目记录

一定不要忘记加router-view,刚开始就是忘记了没加,老半天没渲染出来

2020-09-22 17:52:02 553

原创 axios封装调用、其他常用功能封装

1、安装axios:npm install axios --save-dev2、在和main.js同级的目录中新建一个js文件(httpRequest.js)import axios from 'axios'import qs from 'qs'axios.defaults.timeout = 3000//设置请求响应时间axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset

2020-09-22 14:00:44 329

原创 小程序输入框防抖

用户在输入的时候下方会出现搜索词列表,如果不做处理,用户每次输入 的时候都会请求数据,这样太浪费性能,这个时候就要用到函数防抖了首先在data外部定义一个防抖函数的id然后在输入的方法里面进行处理,在发送请求之前添加一个定时器,延时1秒钟执行。//输入搜索内容 changeSearch(e){ this.setData({ inputValue: e.detail.value, isList: true, isQuestion: false }

2020-09-18 09:46:16 674

原创 js求时长

function getTimeDuration(startTime, endTime) { if (!endTime) { console.log(没有结束时间"); return 0; } let tTime = new Date(endTime.replace(' ', 'T')) - new Date(startTime.replace(' ', 'T')); tTime = tTime / 1000 / 60; if (tTime &

2020-09-12 10:24:31 949

原创 js比较2个时间的大小

首先要获取到2个时间点,格式是yyyy-MM-dd HH:mm:ssstartTime是开始的时间(后台返回的),endTime是结束的时间(我自己获取的当前时间)首先对获取的当前时间进行处理let date = new Date() let year = date.getFullYear() < 10 ? "0" + date.getFullYear() : date.getFullYear() let month = date.getMonth() < 10 ? "0

2020-09-02 20:56:11 1187

App.js---react demo

react demo

2021-06-24

ToDoList.js---react demo

react demo

2021-06-24

ListItem.js---react-demo

react demo

2021-06-24

Header.js----react demo

react demo

2021-06-24

Footer.js---react demo

react demo

2021-06-24

Demo.js-----react demo

一个简单的react todolist demo

2021-06-24

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除