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

搜索资源列表

  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
    • 文件大小:1mb
    • 提供者:jobinchan
  1. scrollflippageVue下拉刷新无限滚动组件

  2. scroll-flip-page 是一个 Vue 组件,它让你轻松的就能够实现无限滚动加载(翻页)的功能,而不需要考虑更多。
  3. 所属分类:其它

    • 发布日期:2019-08-10
    • 文件大小:15kb
    • 提供者:weixin_39840387
  1. vue 解决路由只变化参数页面组件不更新问题

  2. 今天小编就为大家分享一篇vue 解决路由只变化参数页面组件不更新问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-16
    • 文件大小:27kb
    • 提供者:weixin_38660731
  1. 解决vue更新路由router-view复用组件内容不刷新的问题

  2. 今天小编就为大家分享一篇解决vue更新路由router-view复用组件内容不刷新的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-16
    • 文件大小:56kb
    • 提供者:weixin_38748556
  1. 解决vue做详情页跳转的时候使用created方法 数据不会更新问题

  2. 大家在做项目的时候肯定会遇到携带某个参数跳转到详情页 然后取这个参数,下面是重点 刚开始我用cookie把这个参数存起来在详情页面取这个参数发现只有第一次取到的是正确的 你在回到父页面在点击进详情页发现取到的数据跟原来的一模一样根本没有发生改变(因为router跳转时是不会刷新页面的所以导致我取得值永远不能更新),我以为是cookie有问题了后来又用了query携带参数跳转,sessionStorage方法存取发现都不行, 看下图解决办法 我也不知道其中是什么原理 没搞明白 但是解决了问题了
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:79kb
    • 提供者:weixin_38635979
  1. 利用vue-router实现二级菜单内容转换

  2. 二级菜单导航是一种很普遍的功能,一般网页都会有这个功能。如果是平常的做法就是改变url,跳到相应的页面;还有一种就是frame。 如果用vue的话,可以用vue-router改变里面的组件,这样就能做到不刷新页面都能跳到相应“页面”。其实url地址还是变了,但是他没有刷新页面其他位置的内容,只是改变了里面的组件,渲染了新的组件。 在线demo:http://runjs.cn/code/9th3cgxo html 使用 Vue.js 时,我们就已经把组件组合成一个应用了,当你要把 vue-ro
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:52kb
    • 提供者:weixin_38569219
  1. VUE 使用中踩过的坑

  2. 前言 vue如今可谓是一匹黑马,github star数已居第一位!前端开发对于vue的使用已经越来越多,它的优点就不做介绍了,本篇是我对vue使用过程中以及对一些社区朋友提问我的问题中做的一些总结,帮助大家踩坑。如果喜欢的话可以点波赞,或者关注一下,希望本文可以帮到大家! 1.路由变化页面数据不刷新问题 出现这种情况是因为依赖路由的params参数获取写在created生命周期里面,因为相同路由二次甚至多次加载的关系 没有达到监听,退出页面再进入另一个文章页面并不会运行created组件生命周
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:86kb
    • 提供者:weixin_38600253
  1. vue路由中前进后退的一些事儿

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

    • 发布日期:2020-11-27
    • 文件大小:65kb
    • 提供者:weixin_38742532
  1. vue 解决路由只变化参数页面组件不更新问题

  2. 形如: http://localhost:8080/#/xxx?a=1&b=1 如果只是变化?后面的参数,页面组件并不会响应 解决办法: 使用watch监听路由$route对象属性的变化 watch: { '$route' (to, from) { // data数据操作 } } 以上这篇vue 解决路由只变化参数页面组件不更新问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:24kb
    • 提供者:weixin_38728464
  1. 解决vue项目F5刷新mounted里的函数不执行问题

  2. 项目背景 在主文件index.vue中初始化页面相关的操作, 在mounted中放置用户权限判断并更新store中的权限值,当点击相应组件时mounted可正常工作, 但是在用户手动刷新时mounted内的函数并未执行,导致相应组件未获取到权限而显示异常 问题解决 首先,这跟vue生命周期有关,图就不贴了,直接说原因。 当用户f5刷新页面时,整个页面会重新去请求,js的状态变量消失,但是el节点并未重新建立。 因为,mounted是el被新创建的vm.$el替换,并挂载到实例上去之后调用的钩子,
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:52kb
    • 提供者:weixin_38673694
  1. vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置

  2. 需求: 商品列表页面浏览,进入商品详情,点击返回仍然是之前浏览的位置 实现: 使用 vue 的 keep-alive 的 include 属性给组件做动态缓存,从详情页返回不变,从其他页面进入列表页则刷新 加需要缓存的列表页面定义一个数据集在 vuex state:{ pageListArr:[] } 列表页的 name 为 proList ,详情页的 name 为 proDetail ,只有 PageListArr 包含的字段才会被缓存,如 pageListArr.push(proLi
  3. 所属分类:其它

    • 发布日期:2020-12-30
    • 文件大小:112kb
    • 提供者:weixin_38640830
  1. Vue 实现前进刷新后退不刷新的效果

  2. 需求一: 在一个列表页中,第一次进入的时候,请求获取数据。 点击某个列表项,跳到详情页,再从详情页后退回到列表页时,不刷新。 也就是说从其他页面进到列表页,需要刷新获取数据,从详情页返回到列表页时不要刷新。 解决方案在 app.vue 设置: 假设列表页为 list.vue ,详情页为 detail.vue ,这两个都是子组件。 我们在 keep-alive 添加列表页的名字,缓存列表页。 然后在列表页的 created 函数里添加ajax请求,这样只有第一次进入到列表页的时候才
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:33kb
    • 提供者:weixin_38686231
  1. Vue 路由切换时页面内容没有重新加载的解决方法

  2. 第二次进入页面,页面路由参数已经改变,但是页面内容不会刷新。 问题原因:在组件mounted钩子中调用的刷新页面内容,但测试发现这个钩子没有被调用。后来发现App.vue中使用了: keep-alive是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。这就是问题所在了。 解决办法: 使用Vue组件切换过程钩子activated(ke
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:46kb
    • 提供者:weixin_38603875
  1. 解决vue单页使用keep-alive页面返回不刷新的问题

  2. 使用vue单页开发项目时遇到一个很恶心的问题:在列表页点击一条数据进入详情页,按返回键返回列表页时页面刷新了,用户体验非常差啊!!!查阅了一下相关问题,使用解决这个问题,下面是我的使用心得。 是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。 首先在App.vue页面上有下面一段代码,我们都知道这是页面渲染的地方 把这段代码改成如下: </route
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:47kb
    • 提供者:weixin_38688745
  1. 解决vue单页面 回退页面 keeplive 缓存问题

  2. 场景:项目中遇到 vue 点击回退 从A页跳到B页,缓存A页,当B页状态修改再次返回A时,A页查询条件缓存不刷新,列表刷新 A页: B页: 解决方法: 利用keep-alive 缓存需要缓存的页面 1.在app.vue中改写router-view <ro
  3. 所属分类:其它

    • 发布日期:2020-12-28
    • 文件大小:83kb
    • 提供者:weixin_38692969
  1. vue 碰到的小坑 持续更新中。。。

  2. 项目中遇到的小坑,在这里记录一下,持续更新 vue项目中遇到的小坑el-date-picker picker-options disabledDate 坑组件不刷新 坑 el-date-picker picker-options disabledDate 坑 问题描述:new Date(年月日),new出来的对象会自动有个小时数, 这个小时数会根据当前所处时区而定,比如中国就是8点,在日期选择器中设置disableDate时,如果不管这个小时数,被disable的Date会多一天,so 解决:在
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:33kb
    • 提供者:weixin_38693753
  1. vue-admin-template:Vue轻量级后台管理系统基础模板-源码

  2. Vue轻量级后台管理系统基础模板 相关依赖 功能 登录页 一周七天自动切换不同的壁纸(建议自己配置) 标签栏 点击标签切换页面 刷新当前标签页 关闭其他标签/关闭所有标签 注意:组件的名称和路由的名称一定要一致,例如Home.vue组件名称name: home ,则在路由文件中也要给它设置为name: home ,否则页面内容不能缓存 // 在router文件中 { path : 'home' , name : 'home' , component : ( ) =>
  3. 所属分类:其它

  1. mescroll:精致的下拉刷新和上拉加载js框架。支持vue,完美运行于移动端和主流PC浏览器(用于刷新和加载的JS框架)-源码

  2. Mescroll mescroll-精致的下拉刷新和上拉加载js框架(用于提拉刷新和上载的JS框架) 主流APP案例,丰富经典,随心定制,轻松拓展 自由灵活的api,超详细的注释,可让您快速自定义真正属于自己的下拉上拉组件 功能亮点: 自动判断和提示列表无任何数据或无更多数据 无需手动判断处理列表的页码,时间等变量 支持监听列表滚动事件,可平滑滚动到任何位置 一个界面可支持多个实例对象,互不干扰 可临时锁定拖动刷新和上拉加载 支持图片懒加载,可配置各种占位图与显示动画,上手超简单 mescrol
  3. 所属分类:其它

  1. Vue中保存用户登录状态实例代码

  2. 首先我们假设,这里的登录组件(register.vue)是App.vue组件的子组件,是通过路由进入登录组件的。 登录组件中用户点击登录后,后台会传过来一个用户名,我的App.vue组件中需要拿到这个用户名,并将上面的“登录注册”字样变为“用户名”。 为了保证用户刷新后用户名不会消失,这里我用到了sessionStorage 代码如下: register.vue中用户点击登录触发signIn方法 signIn(){ this.formData = $(.form).s
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:28kb
    • 提供者:weixin_38693311
  1. Vue组件Draggable实现拖拽功能

  2. Draggable为基于Sortable.js的vue组件,用以实现拖拽功能。 具体说明,请参考:学习链接 npm官方演示: vuedraggable特性: 支持触摸设备 支持拖拽和选择文本 支持智能滚动 支持不同列表之间的拖拽 不以jQuery为基础 和视图模型同步刷新 和vue2的国度动画兼容 支持撤销操作 当需要完全控制时,可以抛出所有变化 可以和现有的UI组件兼容 使用 安装: npm install vuedraggable 页面引入: i
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:73kb
    • 提供者:weixin_38506138
« 12 3 4 »