您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. VUE常用方法整理.pdf

  2. vue的常用方法总结 第一章 Vue核心知识讲解 5 第二节 引包、留坑、实例化 、插值表达式{{}} 5 1. 引包 5 2. 留坑 5 3. 实例化 5 4. 插值表达式{{ }} 5 第三节 熟悉及使用常用指令 5 1. 什么是指令 5 2. 常用的指令有哪些,及怎么使用这些指令 6 第四节 阐述vue单双向数据流及事件绑定 6 1. vue单向数据流绑定属性值 v-bind: (属性) 简写 :(属性) 6 2. vue双向数据流 v-model 只作用于有value属性的元素 7 3.
  3. 所属分类:Web开发

    • 发布日期:2020-03-28
    • 文件大小:1048576
    • 提供者:jobinchan
  1. vue 使某个组件不被 keep-alive 缓存的方法

  2. 今天小编就为大家分享一篇vue 使某个组件不被 keep-alive 缓存的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-17
    • 文件大小:48128
    • 提供者:weixin_38621897
  1. vue的keep-alive中使用EventBus的方法

  2. keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个抽象组件,所以在页面渲染完毕后不会被渲染成一个DOM元素。这篇文章主要介绍了vue的keep-alive中使用EventBus的方法,需要的朋友可以参考下
  3. 所属分类:其它

    • 发布日期:2020-10-17
    • 文件大小:57344
    • 提供者:weixin_38591291
  1. 解决Vue中的生命周期beforeDestory不触发的问题

  2. 分享一句很有用的经验: 给router-view加了个keep-alive导致组件缓存了,所以不会触发beforeDestory和destoryed 结束! 补充知识:vuex actions正确使用vue-resource的方式( Error in mounted hook: “TypeError: Cannot read property ‘get’ of u) 场景 . SPA中 使用vuex初始化一项数据,在vuex的actions中需要使用vue-resource 使用的方式是 ac
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:35840
    • 提供者:weixin_38626858
  1. keep-Alive搭配vue-router实现缓存页面效果的示例代码

  2. Vue工程中有些页面需要有缓存。这个功能通过keep-alive组件实现,keep-alive组件可以使被包含的组件保留状态,或避免重新渲染。   在routes.js中定义路由,在路由中定义元信息(meta字段),需要缓存的页面就需要在meta对象中定义一个字段,这里设置为keepAlive,设置为true,反之,则不缓存。 { path: '/a', component: () => import('/pages/A'), meta: { title:'A',
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:49152
    • 提供者:weixin_38584058
  1. Vue中keep-alive的两种应用方式

  2. Vue中keep-alive的使用我总结的有两种方式应用: 首先简述一下keep-alive的作用,kee-alive可以缓存不活动的的组件。当组件之间进行相互切换的时候,默认会销毁,当重新切换回来时又重新初始化。现在有需求切换回来不销毁组件,保持原来的状态,此时用keep-alive就可以实现了 我创建了两个组件,可以相互切换 组件1: 组件2: 第一种方式 在组件1的路由中添加 meta: { keepAlive: true }, 也就是当前路由需要缓存 此时路由设置完毕,kee
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:681984
    • 提供者:weixin_38675777
  1. Vue中computed及watch区别实例解析

  2. 计算属性computed : 1. 支持缓存,只有依赖数据发生改变,才会重新进行计算 2. 不支持异步,当computed内有异步操作时无效,无法监听数据的变化 3.computed 属性值会默认走缓存,计算属性是基于它们的响应式依赖进行缓存的,也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值 4. 如果一个属性是由其他属性计算而来的,这个属性依赖其他属性,是一个多对一或者一对一,一般用computed5.如果computed属性属性值是函数,那么默认会走get方法;
  3. 所属分类:其它

    • 发布日期:2020-11-19
    • 文件大小:160768
    • 提供者:weixin_38696176
  1. 基于Vue框架vux组件库实现上拉刷新功能

  2. 最近公司在研发app,选择了基于Vue框架的vux组件库,现总结在实现上拉刷新功能遇到的坑: 1.问题:只刷新一次,解决方法:需要自己手动重置状态 this.scrollerStatus.pullupStatus = ‘default’, 2.问题:不能滚动,解决方法:因为启用keep-alive缓存,需要设置 activated () { this.$refs.scroller.reset() } 如果还没效果,请在获取后台数据后,执行如下代码 this.$nxtTick(()
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:52224
    • 提供者:weixin_38731123
  1. vue项目优化之通过keep-alive数据缓存的方法

  2. 是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 相似, 是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。 prop: include: 字符串或正则表达式。只有匹配的组件会被缓存。 exclude: 字符串或正则表达式。任何匹配的组件都不会被缓存。 通过vue提供的keep-alive减少对服务器的请求次数         VUE2.0中提供了一个keep-aliv
  3. 所属分类:其它

    • 发布日期:2020-11-26
    • 文件大小:56320
    • 提供者:weixin_38545959
  1. Vue中keep-alive组件作用详解

  2. keep-alive组件的作用,供大家参考 作用:用于保留组件状态或避免重新渲染(缓存的作用) 比如:当一个目录页面与一个详情页面,用户经常:打开目录页面=>进入详情页面=>返回目录页面=>打开详情页面,这样目录页面就是一个使用频率很高的页面,那么就可以对目录组件使用进行缓存,这样用户每次返回目录时,都能从缓存中快速渲染,而不用重新渲染。 属性 该标签有两个属性include与exclude: include:字符串或者正则表达式。只有匹配的组件会被缓存 exclu
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:43008
    • 提供者:weixin_38640150
  1. 详解vue-template-admin三级路由无法缓存的解决方案

  2. 1. 为什么三级会缓存不了 在src/layout/AppMain组件: keep-alive的组件依赖cachedViews,cachedViews是store中的一个状态,cachedViews的逻辑在src/layout/TagView 当路由变更时就会调用addViewTags,addViewTag会根据匹配的路由name属性进行缓存。而用到三级路由的时候,拿到name只能时第三级路由的name,二级路由组件的名字会丢失,keep-alive就不会进行缓存。 知道原因之后,
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:68608
    • 提供者:weixin_38674512
  1. vue里如何主动销毁keep-alive缓存的组件

  2. 问题产生的背景 我们一个后台,在切换一些标签页的时候,是使用的 keep-alive 缓存的标签页,也使用了 include 属性来决定哪个页面进行缓存,而标签页的切换实际上是路由的切换,也就是说打开一个新标签页的时候,url 会跟着变化,老的标签页如果在 keep-alive 的 include 范围内那就会缓存下来。 然后客服人员就反馈页面开的久了就会崩溃,因为他们基础上不会刷新页面(工作需要),又总有切换标签的习惯,最后导致内存越来越大最后崩溃。 依赖环境 这个项目是基于一个开源 vue
  3. 所属分类:其它

    • 发布日期:2020-12-03
    • 文件大小:99328
    • 提供者:weixin_38720997
  1. vue路由中前进后退的一些事儿

  2. 前言 最近蒸煮在做一个独立项目的时候遇到了一个小坑,特此做个爬坑纪念。 基本情景是页面之间通过vue路由跳转,从页面A跳转到页面B(在页面B进行对应操作后),再从页面B跳转到页面C。之后再从页面C返回到页面B,页面B保留之前状态,返回页面A,页面B状态不保留。(。・∀・)ノ゙嗨~感觉说的好乱。 总之就是,前进刷新,后退不刷新(刷新是指是否重新渲染) 相信很多小伙伴都会想到用keep-alive开启缓存页面来实现,鹅,蒸煮也没例外,下面就是蒸煮的爬坑过程。 vue路由开启keep-alive缓存页
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:66560
    • 提供者:weixin_38742532
  1. vue 使某个组件不被 keep-alive 缓存的方法

  2. 提出问题 最近在做项目发现一个问题,当我使用了 keep-alive 标签后,进入了某个路由进行一系列操作,再点击浏览器后退,再次进入刚才的路由,页面被操作的数据没有初始化! 分析问题 这是因为 keep-alive 将路由页面缓存,所以该路由没有完成整个生命周期,没有 destroyed,因此重新进入也没有触发其他生命周期钩子,如 created 等。 解决问题 (1). 查看官方文档 当组件在 keep-alive 内被切换,它的 activated 和 deactivated 这两个生命周
  3. 所属分类:其它

    • 发布日期:2020-12-11
    • 文件大小:46080
    • 提供者:weixin_38556416
  1. vue 指定组件缓存实例详解

  2. keep-alive 简介 keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。 用法也很简单: props include – 字符串或正则表达,只有匹配的组件会被缓存 exclude – 字符串或正则表达式,任何匹配的组件都不会被缓存 // 组件 a export default { name: 'a', data () { return {} } } <keep-alive include
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:48128
    • 提供者:weixin_38613173
  1. Vue中 key keep-alive的实现原理

  2. vue2.0提供了一个keep-alive组件用来缓存组件,避免多次加载相应的组件,减少性能消耗 keep-aliv是Vue.js的一个内置组件。它能够不活动的组件实例保存在内存中,而不是直接将其销毁,它是一个抽象组件,不会被渲染到真实DOM中,也不会出现在父组件链中。 它有两个生命周期: activated: keep-alive组件激活时调用 deactivated: keep-alive组件停用时调用 它提供了include与exclude两个属性,允许组件有条件地进行缓存。 ke
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:36864
    • 提供者:weixin_38626192
  1. 深入理解vue-router之keep-alive

  2. 本文基于 Vue2.0 keep-alive 简介 keep-alive 是 Vue 内置的一个组件,可以使被包含的组件保留状态,或避免重新渲染。 用法也很简单: props include – 字符串或正则表达,只有匹配的组件会被缓存 exclude – 字符串或正则表达式,任何匹配的组件都不会被缓存 // 组件 a export default { name: 'a', data () { return {} } }
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:54272
    • 提供者:weixin_38737635
  1. 详解vue 在移动端体验上的优化解决方案

  2. 去年年底自己搭了一个vue在移动端的开发框架,感觉体验不是很好。上个星期又要做移动端的项目了。所以我花了两天时间对之前的那个开发框架做了以下优化 自定义vuex-plugins-loading 路由切换动画 + keep alive 动态管理缓存组件 better-scroll与vue的最佳实践(better-scroll的vue化) 自定义指令(vue-finger:包括点击,长按,双击,拖拽移动,多点触控,滑动,旋转,缩放手势) 移动端适配方案 如何分情况处理页面置顶
  3. 所属分类:其它

    • 发布日期:2020-12-04
    • 文件大小:153600
    • 提供者:weixin_38732912
  1. vue中keep-alive的用法及问题描述

  2. 1.keep-alive的作用以及好处 在做电商有关的项目中,当我们第一次进入列表页需要请求一下数据,当我从列表页进入详情页,详情页不缓存也需要请求下数据,然后返回列表页,这时候我们使用keep-alive来缓存组件,防止二次渲染,这样会大大的节省性能。 2.keep-alive的基本用法 在app.vue中 <router-view v-if=!$route.meta.keep_ali
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:45056
    • 提供者:weixin_38729685
  1. Vue页面刷新记住页面状态的实现

  2. 环境 vue项目,页面有搜索、筛选项等。 需求 页面跳转,切换或者刷新,希望可以记住用户在页面的筛选状态 方案v1 vue有提供一种缓存组件的解决方案 — keep-alive。 缓存不活动的组件实例,而不是销毁它们。 我们可以使用k
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:46080
    • 提供者:weixin_38609247
« 12 3 4 »