vue
菩提树_
这个作者很懒,什么都没留下…
展开
-
Vue监听滚动实现导航栏锚点定位
父级<div> <div id="floor0"></div> <div id="floor1"></div> <div id="floor2"></div> <div id="floor3"></div> 子组件 <ul id="tab" slot="center" class="compreDiagnosisI原创 2021-05-31 11:54:02 · 801 阅读 · 0 评论 -
Vue 事件监听实现导航栏吸顶效果(页面滚动后定位)
当页面向上滑动之后,导航栏始终固定在页面的上方。具体代码:写入事件监听,监听滚动条。mounted () { // 事件监听滚动条 window.addEventListener('scroll', this.watchScroll) }然后在 methods 中写入 watchScroll 方法。methods: { watchScroll () { var scrollTop = window.pageYOffset || docu原创 2021-04-19 09:28:44 · 602 阅读 · 0 评论 -
input输入框在IOS下无法输入任何内容
跟css 样式有关 去掉下列样式就可以了-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;或者这样写*:not(input, textarea) { -webkit-touch-callout: none; -webkit-user-select: none;}原创 2021-04-07 14:26:20 · 623 阅读 · 0 评论 -
API异步请求数据用async/await
先异步请求完所有数据后新建数组把数组push到新的数组里边去。然后再API接口请求方法用原创 2020-01-09 16:25:29 · 1742 阅读 · 0 评论 -
vue基础篇- 组件详解(第七章)(一)
一、组件与复用1、为什么使用组件vue组件就是提高重用性,代码可复用。还有一些自定义标签,每一个标签代表一个组件,比如:<Card>、<Row>、<i-col>等。2、组件用法Vue组件需要注册后才可以使用。注册有全局注册和局部注册两种方式。全局注册Vue.component('my-component', {});要在父实例中使用这个组件,...原创 2019-01-17 13:15:28 · 338 阅读 · 0 评论 -
vue基础篇-数据绑定和第一个 Vue 应用(第二章)
第一章原创 2018-12-10 11:27:23 · 217 阅读 · 0 评论 -
vue基础篇-初识 Vue.js(第一章)
第一章 Vue.js是什么?Vue(法语)同view(英语)Vue.js是一套构建用户界面(view)的MVVM框架。一、Vue.js的目的【视图组件化】1、双向数据绑定;2、指令;3、过滤器;4、路由器等等。二、什么是MVVM?MVVM可以拆分成:View — ViewModel — Model三部分MVVM模式M: model 业务模型,用处:处理数据,提供数据V:...原创 2018-12-07 17:29:35 · 532 阅读 · 0 评论 -
vue基础篇- 组件详解(第七章)(二)
四、使用slot 分发内容1、什么是sloat当需要让组件组合使用,混合父组件的内容与子组件的模板时,就会用到slot,这个过程叫做内容分发。组件不知道它的挂载点会有什么内容。挂载点的内容是由的父组件决定的。 组件很可能有它自己的模板。props传递数据、events触发事件和slot内容分发就构成了Vue组件的3个API来源,再复杂的组件也是由这3部分构成。2、作用域 <...原创 2019-01-23 09:36:20 · 325 阅读 · 0 评论 -
vue基础篇- 自定义指令(第八章)
除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。一 、基本用法自定义指令也分全局注册和局部注册,比如注册一个v-focus的指令,用于在&lt;input&gt;、&lt;textarea&gt;元素初始化自动获得焦点//全局注册// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被...原创 2019-01-31 10:25:31 · 203 阅读 · 0 评论 -
vue进阶篇- Render函数
一、什么是Virtual DomReact和Vue2都使用了Virtual Dom技术,Virtual Dom并不是真正意义上的Dom,而是一个轻量级的JavaScript对象,在状态发生变化时,Virtual Dom会进行Diff运算,来更新只需要被替换的DOM,而不是全部重绘。与DOM操作相比,Virtual Dom是基于JavaScript计算的,所以开销会小很多。正常的DOM节点在H...原创 2019-02-06 21:48:40 · 1072 阅读 · 0 评论 -
vue基础篇-计算属性(第三章 )
第三章 计算属性计算属性(computed)和普通属性一样是在模板中绑定计算属性的,当data中对应数据发生改变时,计算属性的值也会发生改变。Methods:methods是方法,只要调用它,函数就会执行。相同:两者达到的效果是同样的。不同:计算属性是基于它们的依赖进行缓存的,只有相关依赖会发生改变时才会重新求职。只要相关依赖未改变,只会返回之前的结果,不再执行函数。&amp;amp;amp;lt;p&amp;amp;amp;gt;原...原创 2018-12-19 16:12:16 · 191 阅读 · 0 评论