摘要:前言 据网上流传,有关Vue组件重新渲染的方案往往存在如下四种。 1、借助route机制,刷新整个页面 2、使用v-if,将组件销毁、重新加载 3、使用内置的forceUpdate方法 4、使用key-changing优化组件 前两种没什么好说的,并且考虑到效率问题,本次主要是记录forceUpda 阅读全文
posted @ 2021-03-31 13:48 bugSource 阅读(99) 评论(0) 推荐(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 阅读(29) 评论(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 阅读(15) 评论(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 阅读(58) 评论(0) 推荐(0) 编辑
摘要:前言 记录Vue的路由传参方法 参数在url路径上显示 方法一 $router.push传参 //传参: this.$router.push({ path: '/xxxxxxxx', query: { str: '传过去的值' }}) //接收: this.string = this.$route. 阅读全文
posted @ 2021-03-31 10:40 bugSource 阅读(44) 评论(0) 推荐(0) 编辑
摘要:vue总线机制(bus) vue中非父子组件之间通信除了使用vuex,也可以通过bus总线,两者适用场景不同。 bus适合小项目、数据被更少组件使用的项目,对于中大型项目 数据在很多组件之间使用的情况 bus就不太适用了。bus其实就是一个发布订阅模式,利用vue的自定义事件机制,在触发的地方通过$ 阅读全文
posted @ 2021-03-30 17:50 bugSource 阅读(110) 评论(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 阅读(56) 评论(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 阅读(16) 评论(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 阅读(8) 评论(0) 推荐(0) 编辑
摘要:获取本地时间 输出格式为:2021-03-29 00:00:00 代码如下 var date = new Date() var YY = date.getFullYear() + '-' var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMont 阅读全文
posted @ 2021-03-29 14:43 bugSource 阅读(28) 评论(0) 推荐(0) 编辑