随笔分类 -  组件

时间线
摘要：记录曾经需求实现的软件更新时间线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)
el-select全国省市区镇四级联动
摘要：由于是从主体上拆分出来的，逻辑可能有点乱，主要是记录下拉框如何获取四级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选中，触摸，弹出图标等
摘要：记录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表格头触摸显示
摘要：记录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-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)
拖拽表格——Sortable
摘要：###官网：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图片上传并显示
摘要：记录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)
Vue之点击更换CSS样式
摘要：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地址
摘要：调用搜狐接口获取用户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)
vue+element导入导出excel
摘要：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)