Vue
关注
分享
扫一扫
码出未来jgs
这个作者很懒，什么都没留下…
展开
-
监听元素滚动到底部
scroll (e) { // const box = document.getElementsByClassName('collection')[0] const box = this.$refs.collection // 变量scrollTop是滚动条滚动时，距离顶部的距离 const scrollTop = box.scrollTop // 变量windowHeight是可视区原创 2020-08-20 10:15:49 · 739 阅读 · 0 评论 -
2020-08-14
在网页中，我们会遇到很多在滚动条到底部的时候有数据正在加载的事件，那么怎样用vue去实现这样的内容呢？本篇只给出一个雏形，结合vue的生命周期用纯javascript写的一个监听函数，后续操作数据库的部分暂且不议。1、怎样用纯js判断滚动条是否到底部？先了解几个关键词：（1）滚动条到顶部的位置：scrollTop（2）当前窗口内容可视区：windowHeight（3）滚动条内容的总高度：scrollHeight触发监听的函数是：1window.onscroll = function()｛…｝原创 2020-08-14 15:05:53 · 115 阅读 · 0 评论 -
Vue传值（3种常用传值方法）
Vue传值（3种常用传值方法）父组件传值给子组件，首先父组件发送的形式是用bind(用缩写:)绑定值到子组件身上。然后子组件用属性props接收。子组件传值父组件，首先是子组件发送的形式是this.$emit(事件名,需要发送的值)，事件名：父组件on监听的方法，父组件第一件事就是监听子组件发送过来的事件名，@事件名=获取值的方法。获取值的方法（值）*，就这样拿到了儿子发过来的值兄弟传值，...原创 2019-05-22 22:35:39 · 1217 阅读 · 0 评论 -
Vue手写一个省市区三级联动
Vue手写一个省市区三级联动效果如下上代码(此篇代码思路是运用3个兄弟组件（省，市，区（县））相互传值)<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=devic...原创 2019-05-23 18:46:13 · 1297 阅读 · 1 评论