随笔分类 -  Vue

摘要:scrollbar是用来替代浏览器原生滚动条的组件,element的文档中并没有对scrollbar的描述。 使用方法:以<el-scrollbar/>包裹要滚动的元素,并设置固定高度。在外部引入的css中自定义样式(写在scoped中无效)。 阅读全文
posted @ 2018-09-27 11:39 前端大兵 阅读(1309) 评论(0) 推荐(0)
摘要:$emit 子组件触发父组件的方法: $refs 父组件获取子组件实例,进而调用子组件方法或者直接修改子组件属性: 在复杂的vue应用中,应该用vuex的store来管理跨组件的数据交流,再根据数据的变化触发相应的方法。 阅读全文
posted @ 2018-08-22 16:36 前端大兵 阅读(7251) 评论(0) 推荐(1)
摘要:vue-router的路由变换只存在“变换前”和“变换后”,不存在“切换中”的状态,所以做不到大多数app(微信那样的)在滑动过程中让界面跟随手指移动。但滑动事件还是可以监听的,我们可以在滑动之后再触发路由回退事件。 微博的滑动返回基本上就是这样的原理:先滑动、再触发返回事件,但用起来很是怪异,有严 阅读全文
posted @ 2018-08-22 11:51 前端大兵 阅读(5453) 评论(0) 推荐(0)
摘要:对象是一个属性集合,对象的基本特征是属性名(name)和属性值(value)。ES5 增加了属性描述符,包括数据属性描述符(configurable enumerable writable value)和存取描述符(configurable enumerable get set)。两类描述符中的co 阅读全文
posted @ 2018-07-10 16:59 前端大兵 阅读(330) 评论(0) 推荐(0)
摘要:把<router-view>嵌套在<transition>里,路由变化的时候,vue会为包裹页面的div增加动画样式,我们要做的就是监听路由变化、定义这些动画样式,以规定页面到底怎么切换。具体样式名通过transition的name属性绑定。下面是在移动端模拟一般app界面的前进后退动画: 具体动画 阅读全文
posted @ 2018-05-25 09:43 前端大兵 阅读(9668) 评论(1) 推荐(1)