- 博客(5)
- 收藏
- 关注
RSS订阅原创 vue .sync修饰符学习
vue中的.sync修饰符用法及原理详解 vue中我们经常会用v-bind(缩写为:)给子组件传入参数。 或者我们会给子组件传入一个函数，子组件通过调用传入的函数来改变父组件的状态。 例如： //父组件给子组件传入一个函数 <MyFooter :age="age" @setAge="(res)=> age = res"> </MyFooter> //子组件通过调用这个函数来实现修改父组件的状态。 mounted () { console.log(this.
2021-06-11 13:41:38
121
1
原创 使用echarts 折线图 划过时抖动
场景：echarts图 折线图 症状：两个以上时 从第一个划过第二个 出现抖动 分析：划过时 横轴滚动条 横空出现后消失 页面出现抖动 页面默认的是overflow：auto； 可能是echarts渲染绘图时间差 导致css未正确匹配该元素 导致滚动条出现后消失的页面抖动 解决方案： 尝试 给body添加overflow：hidden； 担心导致影响到其他页面 给到当前组件的最外层类名 添加overflow：hidden（因为页面最大类高度未写死 方法可行）自测验收，没有问题。 ...
2021-06-11 13:38:53
759
1
原创 vue使用粘贴内容到粘贴板-vue-clipboard2
使用 复制到粘贴板插件 vue-clipboard2 // main.js 引入 import VueClipboard from "vue-clipboard2"; Vue.use(VueClipboard); // 组件 -- 绑定到触发粘贴的按钮上 v-clipboard:copy="theLink" v-clipboard:success="onCopyLink" copy 参数如果为空，该功能无效 ...
2021-06-11 13:36:17
175
原创 配合once+hook完成清理定时器
组件中使用定时器，离开组件时，定时器依然执行。 若定时器内部有请求，对性能有很大影响。所以需要在离开组件时清理定时器。 配合once+hook:[组件销毁周期]清理定时器； created () { const timer = setInterval(() => { xxxx }, 1000); this.$once("hook:beforeDestroy", () => { clearInterval(timer); }); } ...
2021-06-11 13:32:04
184
原创 vue 监听滚动至底部
需求 初始化获得一部分数据 在滚动至底部时 通过传递当前数组的量 进行二次请求 获得完整数据列表 首先监听scroll事件 绑定需要执行的方法： this.$refs.theref.addEventListener('scroll', this.[方法]); — theref: 获取需要滚动区域的ref 因为组件内部 是通过数据渲染出的列表 考虑vue渲染规则 需要在元素渲染后执行scroll监听 否则获取不到对应dom节点 所以需要配合使用 $nextTick() this.$nextTick
2021-06-11 13:29:54
1339
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人