随笔分类 -  组件

摘要:记录曾经需求实现的软件更新时间线demo,代码稀烂,仅为记录 GitHub项目Demo地址:https://github.com/Beingyo/vue-test-template/tree/main/src/page/timeLine 示例: 代码: <!--版本更新--> <template> 阅读全文
posted @ 2021-03-31 15:04 bugSource 阅读(94) 评论(0) 推荐(0)
摘要:由于是从主体上拆分出来的,逻辑可能有点乱,主要是记录下拉框如何获取四级JSON数据。 三级、四级联动JSON数据在GitHub里下载吧,原地址忘了 GitHub项目Demo地址:https://github.com/Beingyo/vue-test-template/tree/main/src/pa 阅读全文
posted @ 2021-03-31 13:50 bugSource 阅读(812) 评论(1) 推荐(0)
摘要:记录el-tree实现选中触摸等样式效果 GitHub项目Demo地址:https://github.com/Beingyo/vue-test-template/tree/main/src/page/treeTouch 示例: 代码: <template> <div class="employee" 阅读全文
posted @ 2021-03-31 10:46 bugSource 阅读(426) 评论(0) 推荐(0)
摘要:记录el-table触摸头部出现图标(忘记当初为什么要写这个demo) GitHub项目Demo地址:https://github.com/Beingyo/vue-test-template/tree/main/src/page/tableHeadTouch 示例: 代码: <template> < 阅读全文
posted @ 2021-03-31 10:43 bugSource 阅读(118) 评论(0) 推荐(0)
摘要:记录只用el-checkbox根据el-tag实现初始化界面时数据反显 GitHub项目Demo地址:https://github.com/Beingyo/vue-test-template/tree/main/src/page/checkboxShow 示例: 代码: <template> <di 阅读全文
posted @ 2021-03-31 10:41 bugSource 阅读(1024) 评论(0) 推荐(0)
摘要:###官网:http://www.sortablejs.com/index.html Sortable.js是一款轻量级的拖放排序列表的js插件。支持ie9及以上版本ie浏览器和现代浏览器,也可以运行在移动触摸设备中。不依赖jQuery。支持 Meteor、AngularJS、React、Vue、K 阅读全文
posted @ 2021-03-30 15:15 bugSource 阅读(397) 评论(0) 推荐(0)
摘要:记录el-upload实现上传图片的过程 GitHub项目Demo地址:https://github.com/Beingyo/vue-test-template/tree/main/src/page/imgElUpload 示例: 代码: <template> <div> <el-upload cl 阅读全文
posted @ 2021-03-30 13:48 bugSource 阅读(251) 评论(0) 推荐(0)
摘要:记录一个刷新后仍然有效的倒计时demo GitHub项目Demo地址:https://github.com/Beingyo/vue-test-template/tree/main/src/page/countDown 示例: 代码: <template> <div style="width: 100 阅读全文
posted @ 2021-03-29 15:01 bugSource 阅读(41) 评论(0) 推荐(0)
摘要:GitHub项目Demo地址:https://github.com/Beingyo/vue-test-template/tree/main/src/page/clickChangeStyle 示例: 思路:通过点击事件把对应的index赋值给nowIndex,通过:class把nowIndex = 阅读全文
posted @ 2021-03-29 14:09 bugSource 阅读(1138) 评论(0) 推荐(0)
摘要:调用搜狐接口获取用户ip地址 ####GitHub项目Demo地址:https://github.com/Beingyo/vue-test-template/tree/main/src/page/getUserIP ####示例: 代码: <template> <div style="width: 阅读全文
posted @ 2021-03-29 13:58 bugSource 阅读(168) 评论(0) 推荐(0)
摘要:1. 业务场景 由前台导入Excel表格,获取批量数据。根据一个数组导出Excel表格。 2.1 引入工具库 npm install xlsx --save npm install file-saver --save npm install script-loader --save-dev 2.2 阅读全文
posted @ 2021-03-29 11:49 bugSource 阅读(416) 评论(0) 推荐(0)