vue学习
文章平均质量分 54
陈序媛圈圈
这个作者很懒,什么都没留下…
展开
-
某个盒子滚动到不见时,另一个盒子固定在页面
当盒子B跟随页面滚动至看不到时,就把盒子A固定在页面的某个位置,使其不跟随页面的滚动而滚动。当页面滚动至盒子B的顶部出现时,盒子A还原到原位置。这是因为if为false的时候该元素就没有被创建,所以找不到对应的B盒子。可以使用v-show来解决。这个报错不会影响其他功能,只是控制台报红。监听页面滚动,实时获取盒子B距离浏览器顶部高度,高度小于等于0,则给盒子A赋一个fixed定位的class名,否则就不赋该class名。原创 2023-04-18 18:04:37 · 309 阅读 · 0 评论 -
H5端滚动到底部加载数据
h5 滚动到底部加载更多数据,滚动到底部懒加载原创 2023-02-14 16:31:31 · 809 阅读 · 0 评论 -
vue父子组件之间的值传递
vue父子组件之间的值传递在同一级文件目录下,当前的组件叫父组件,引入的组件叫子组件。1.父组件向子组件传值关键字:props父组件通过子组件的标签绑定普通属性和数据,子组件通过关键字props来接收父组件传来的值,接收时要指定接收数据的数据类型type,类型第一个字母要大写,如Array、String、Number,如果该数据是必传的要设置required:true,如果不是必传就设置默认值 default。父组件代码:<template> <div>原创 2021-12-08 21:47:05 · 323 阅读 · 0 评论 -
Vue生命周期
Vue生命周期 一个组件从被创建出来到被销毁的过程称为一个生命周期。一个生命周期被分为四个阶段:创建、挂载、更新、销毁;每个阶段又分为之前和之后。【注意:生命周期方法在编写时切记不要使用箭头函数,会把this搞丢的】一、创建1.创建之前 beforeCreate创建之前就是虚拟dom创建之前,因为虚拟dom还未创建,所以我们在这里获取不到节点和值。创建之前在程序中基本没什么作用。beforeCreate() { console.log(this.value) console.lo原创 2021-12-07 21:39:47 · 418 阅读 · 0 评论 -
vue组件的render()方法
vue组件的render()方法 vue组件的render方法是模板字符串的替代方案,它接收了一个createElement方法作为第一个参数,用来创建<a href="#vnode">虚拟DOM</a>如果没有render函数, Vue 构造函数不会通过$mount或 el 选项指定的挂载元素中提取出的 HTML 模板编译渲染函数原创 2021-12-03 21:06:42 · 2256 阅读 · 0 评论 -
vue的常用指令
vue的常用指令**1. v-text 【值绑定语法】**相当于真实dom的innerText属性,可以给标签设置内容,{{}}和它的作用是一样的。值绑定可以实现运算,但有限制,只能实现三目运算、&&、||等,最终要得到一个值。<p v-text="'文字描述'+data中要用到的属性"></p><!--也可以写为--><p>文字描述{{data中要用到的属性}}</p>2. v-model 是实现数据双向绑定的关键,常原创 2021-12-01 23:55:34 · 651 阅读 · 0 评论