随手笔记 - 彭先生博客

Vue分页之Element UI触底加载

实现后的效果 el-scrollbar触底加载数据先绑定ref 代码如下： <el-scrollbar ref="scrollbar" v-loading="fullscreenLoading"> <!--对于自定义指令v-loading，只需要绑定Boole...

2022-12-22

0 2069

uniapp、Vue同时监听多个数据

使用场景具体实现 computed:{ many(){ const { msv, tdv, dfv, jgv, zhv } = this return { ...

2022-12-20

0 2668

常用tab标签配色（及组件）

常用tab标签配色标签样式 .red{ padding: 3px 6px; background: #fccac3; font-weight: 400; color: #f53137; border-radius: ...

2022-12-16

0 5842

解决鼠标移入移出事件冒泡

简介今天总结下mouseenter、mouseleave、mouseover、mouseout的区别，之前一直懵着用没仔细研究他们的区别，结果终于踢到铁板了。解决方法 mouseover和mouseout在父元素和其子元素都可以触发，当鼠标穿过一个元素时，触发次数得依子元素数量而言。 mous...

2022-12-8

0 3080

Vue中实现对齐方式选择组件

效果主要使用点击给当前元素添加class 创建一个Float组件 <template> <div class="float"> <div class="title">{{ title }}</div> <div class...

2022-11-23

0 1556

在Vue中this.$refs使用方法

this.$refs 在vue中ref可以以属性的形式添加给标签或者组件 ref 写在标签上时：this.$refs.ipt 获取的是添加了ref="ipt"标签对应的dom元素 ref 写在组件上时：this.$refs['component'] 获取到的是添加了ref=&q...

2022-11-23

0 4526

VUE模版快捷方式

在VSCode中配置模版 { "Print to console": { "prefix": "vue", "body": [ "<template>", " <div class=\"\"&...