![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue 专栏
Lofan.
这个作者很懒,什么都没留下…
展开
-
Vue单页应用复杂情景下页面回退
简单情景的页面回退this.$router.go(-1);复杂情景下的页面回退,就没有这么简单了。用 Vue 开发单页应用时,会遇到这种需求情景:跳新页面去筛选、跳新页面去切换活动类型、跳新页面去搜索等等所有跳新页面,拿到值再跳回,进而操作左上角回退。既要保证拿到选中的筛选项回来,又要保证页面回退正常。具体情景如下:点了一路的页面,A =》 B =》 C =》 D =》 E ,...原创 2019-05-09 19:06:57 · 1199 阅读 · 0 评论 -
Vue非父子组件之间通信(单页应用)
有两种方式:eventBusVuex1. 用eventBus声明一个空的Vue模块eventBusimport Vue from 'vue'// 定义空的vue实例,作为 eventbus实现非父子组件之间的通信(vue2.x中去掉了broadcast)var eventBus = new Vue({});export default eventBus;“医院列表页...原创 2019-06-13 21:07:58 · 605 阅读 · 0 评论 -
vue 自定义marquee横向无缝滚动组件
先上效果图:(1) 看起来可能有点卡顿,但是实际上页面上看起来挺顺畅的。(2) 思路就是获取每一个列表的宽度,设置定时器移动列表,当移动的距离达到一个列表的宽度的时候,把这个距离放到数组的最后。这样就能达成无缝循环滚动了。大致的情况就是下面这样:接下来就是代码的实现:index.vue 引入组件<template> <div> <...转载 2019-05-21 15:43:22 · 4637 阅读 · 0 评论 -
Vue中用lodash的debounce防抖来控制文本框实时搜索触发接口的频率
项目中常有这样的功能情景:列表页里有文本框,用来模糊搜索,而文本框的触发事件,一般都是 keyup 、 input 、enter键(手机上是完成/搜索按钮) , 除去 enter 键的事件是按一次触发一次以外 , keyup 事件是按键松开就会触发的。那么问题来了,不停的输入,按键按了多少次,文本框绑定的 keyup 事件就会被触发多少次,导致接口请求频率高发,这种问题在浏览器Net...原创 2019-06-13 20:10:00 · 3580 阅读 · 0 评论 -
vue中手机端点击手机键盘的完成 / 搜索按钮触发文本框搜索
看到标题,你可能第一反应是想着监听手机键盘的【完成】或【搜索】按钮,然后触发事件do somethingbut ,No No No ,没有那么艰难复杂。vue中,要在手机端点击手机键盘的【完成】或【搜索】按钮触发文本框搜索,关键点有两个:form表单,action属性设置@keyup.13 事件 或者 直接keyup 然后事件的处理函数里判断 event.keyCode ==...原创 2019-06-13 20:26:17 · 14076 阅读 · 1 评论 -
mint ui组件内重置默认样式
Less跟CSS的编写不一样哦要注意用Less的方式写,要用 /deep/ 修饰符比如,现在用 less 改 mt-header 组件的默认样式:<style lang="less" scoped> .mint-header { padding: 0 15px; height: 44px; line-height: 44px; font-fam...原创 2019-06-22 18:50:31 · 747 阅读 · 0 评论 -
Vue面试题
整理面试题,不仅仅为了面试,也在深入理解,共勉转载 2019-07-12 00:25:03 · 261 阅读 · 0 评论