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

搜索资源列表

  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实现TodoList.zip

  2. 深度监视 概念:为了发现对象内部值的变化,可以在选项参数中指定 deep: true ;注意监听数组的变动不需要这么做 方法使用 第一个handler:其值是一个回调函数;即监听到变化时应该执行的函数 第二个是deep:其值是true或false;确认是否深入监听(一般监听时是不能监听到对象属性值的变化的,数组的值变化可以听到。) 第三个是immediate:其值是true或false;确认是否以当前的初始值执行handler的函数 插槽使用 概念:和 HTML 元素一样,我们经常需要向一个组件
  3. 所属分类:Javascript

    • 发布日期:2020-07-07
    • 文件大小:58720256
    • 提供者:KaiSarH
  1. 在vue中使用回调函数,this调用无效的解决

  2. 主要介绍了在vue中使用回调函数,this调用无效的解决,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-14
    • 文件大小:43008
    • 提供者:weixin_38655990
  1. 在vue中使用回调函数,this调用无效的解决

  2. let self = this //使用新变量替换this,以免this无效 //updateStudentInfoToServer是一个将本身部分数据异步上传的接口,接收三个参数,其中第一个是数据,第二、三个是函数,第二、三个函数使用function(){}形式书写 updateStudentInfoToServer:function(data, networkOk, networkError){ let postData = this.$qs.stringify({ data:da
  3. 所属分类:其它

    • 发布日期:2020-11-19
    • 文件大小:39936
    • 提供者:weixin_38674675
  1. vue 微信分享回调iOS和安卓回调出现错误的解决

  2. 产品需求:在微信内分享需要手动配置的分享地址、分享图片与内容描述,引导用户分享,并在微信分享成功回调内进行相应的操作。 首先需要在项目中引入微信jsSDk包,然后通过接口获取后台签名。 封装函数获取微信分享必填参数 其中的jsApiList中填的是需要使用的微信分享js接口的列表,参数URL默认是location.href,即分享当前页面的URL。 在需要分享的页面引入封装的函数 然后通过wxShare方法将URL和配置的参数传入,link参数是分享出去的链接,必须与当前页面的对应js安全
  3. 所属分类:其它

    • 发布日期:2020-11-19
    • 文件大小:162816
    • 提供者:weixin_38750721
  1. vue quill editor 使用富文本添加上传音频功能

  2. 1. 前言 vue-quill-editor 是vue项目中常用的富文本插件,其功能能满足大部分的项目需求。但是,最近项目中,需要在富文本中上传音频文件,但是vue-quill-editor这个富文本仅支持图片,视频上传;所以这个功能需要自定义。 怎么实现这个功能? 写一个只能上传音频的组件,并且隐藏 在富文本插件的toolbar定义一个按钮,点击时调用上传组件 监听上传成功的回调函数,在富文本输入框中插入音频标签 2. 功能实现 2.1 基于Element-ui实现上传组件,并
  3. 所属分类:其它

    • 发布日期:2020-11-27
    • 文件大小:83968
    • 提供者:weixin_38631182
  1. Vue中函数防抖节流的理解及应用实现

  2. 防抖和节流的目的都是为了减少不必要的计算,不浪费资源,只在适合的时候再进行触发计算。 一、函数防抖 定义 在事件被触发n秒后再执行回调,如果在这n秒内又被触发,则重新计时;典型的案例就是输入搜索:输入结束后n秒才进行搜索请求,n秒内又输入的内容,就重新计时。 实现原理 函数防抖的基本思想是设置一个定时器,在指定时间间隔内运行代码时清楚上一次的定时器,并设置另一个定时器,知道函数请求停止并超过时间间隔才会执行。 使用场景 文本框输入搜索(连续输入时避免多次请求接口) 代码实现 /** * 函数
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:89088
    • 提供者:weixin_38708461
  1. Vue中使用Sortable的示例代码

  2. 之前开发一个后台管理系统,里面用到了Vue和Element-UI这个组件库,遇到一个挺有意思的问题,和大家分享一下。 场景是这样,在一个列表展示页上,我使用了Element-UI的表格组件,新的需求是在原表格的基础上支持拖拽排序。但是原有的组件本身不支持拖拽排序,而且由于是直接引入的Element-UI,不方便修改它的源码,所以比较可行的方法只能是直接操作DOM。 具体的做法是在mounted生命周期函数里,对this.$el进行真实DOM的操作,监听drag的一系列事件,在事件回调里移动DOM
  3. 所属分类:其它

    • 发布日期:2020-12-02
    • 文件大小:72704
    • 提供者:weixin_38625098
  1. 使用vue实现各类弹出框组件

  2. 简单介绍一下vue中常用dialog组件的封装: 实现动态传入内容,实现取消,确认等回调函数。 首先写一个基本的弹窗样式,如上图所示。 在需要用到弹窗的地方中引入组件: import dialogBar from './dialog.vue' components:{ 'dialog-bar': dialogBar, }, 点击一个按钮显示弹窗,并保证关闭弹窗后再次点击依旧显示 在弹窗组件中定义一个value值:v-model="sendVal",sendVal初始值为false。
  3. 所属分类:其它

    • 发布日期:2020-12-01
    • 文件大小:63488
    • 提供者:weixin_38713306
  1. 基于vue的下拉刷新指令和滚动刷新指令

  2. 小编最近在实现移动端列表页面显示的时候一直在思考如何实现列表的自动更新数据,对于大多数Native App或者Web App,在列表的底部增加“加载更多”的按钮也是解决这样的问题一种交互的方式,当然,这样的交互其实还好,不过根据用户的操作习惯来看,似乎滚动刷新更多数据和下拉刷新当前数据的操作方式,更符合用户对列表分页数据的读取习惯,因此,在这里小编想简单的说说,这次在小编系统中所使用的下拉刷新和滚动刷新的实现方式! 其实,这种实现数据加载的原理很简单 在滚动刷新的时候,需要在列表滚动到底部的时候
  3. 所属分类:其它

    • 发布日期:2020-11-30
    • 文件大小:603136
    • 提供者:weixin_38503483
  1. cordova+vue+webapp使用html5获取地理位置的方法

  2. 1.在HTML5中使用Geolocation.getCurrentPosition()方法来获取地理位置。 语法: navigator.geolocation.getCurrentPosition(success, error, options) 参数:  success: 成功得到位置信息时的回调函数,使用Position 对象作为唯一的参数。 error: 获取位置信息失败时的回调函数,使用 PositionError 对象作为唯一的参数,这是一个可选项。 options:一个
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:126976
    • 提供者:weixin_38531630
  1. 关于Vue.nextTick()的正确使用方法浅析

  2. 本文主要给大家介绍了关于Vue.nextTick()的正确使用,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧。 什么是Vue.nextTick() 官方文档解释如下: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。 我理解的官方文档的这句话的侧重点在最后那半句获取更新后的DOM,获取更新后的DOM言外之意就是什么操作需要用到了更新后的DOM而不能使用之前的DOM或者使用更新前的DOM或出问题,所以就衍生出了这个获取更新后
  3. 所属分类:其它

    • 发布日期:2020-12-10
    • 文件大小:54272
    • 提供者:weixin_38747978
  1. vue2.0使用Sortable.js实现的拖拽功能示例

  2. 简介 在使用vue1.x之前的版本的时候,页面中的拖拽功能,我在项目中是直接用的jquery ui中的sortable.js,只是在拖拽完成后,在update的回调函数中又重新排序了存放数据的数组。但是当把vue升级到2.0以上后发现拖拽功能失效了,于是使用了下面代码。 该案例主要是在用于vuejs2.0中实现的拖拽功能,用到的的js有Sortable.js,vuedraggable.js,当然还有vue.min.js,提供的案例使用的require.js加载。 实现效果 实现后的效果如图所示:
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:76800
    • 提供者:weixin_38629042
  1. vue-resource 拦截器使用详解

  2. 在vue项目使用vue-resource的过程中,临时增加了一个需求,需要在任何一个页面任何一次http请求,增加对token过期的判断,如果token已过期,需要跳转至登录页面。如果要在每个页面中的http请求操作中添加一次判断,那么会是一个非常大的修改工作量。那么vue-resource是否存在一个对于任何一次请求响应捕获的的公共回调函数呢?答案是有的! vue-resource的interceptors拦截器的作用正是解决此需求的妙方。在每次http的请求响应之后,如果设置了拦截器如下,
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:40960
    • 提供者:weixin_38651786
  1. 详解vue中$nextTick和$forceUpdate的用法

  2. 1、$nextTick vm.$nextTick( [callback] ) this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行,在修改数据之后立即使用它,然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样,不同的是回调的 this 自动绑定到调用它的实例上。 应用场景: 1、 在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中。 2、 因为在created()钩子函数执行的时候DOM
  3. 所属分类:其它

    • 发布日期:2020-12-13
    • 文件大小:99328
    • 提供者:weixin_38606019
  1. Vue中之nextTick函数源码分析详解

  2. 1. 什么是Vue.nextTick()? 官方文档解释如下: 在下次DOM更新循环结束之后执行的延迟回调。在修改数据之后立即使用这个方法,获取更新后的DOM。 2. 为什么要使用nextTick? 演示Vue [removed][removed] {{na
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:71680
    • 提供者:weixin_38628211
  1. vue中的前置守卫——改变网页标题

  2. 文章目录一、是什么二、代码流程三、beforeEach的参数含义四、举例:点击按钮改变网页标题 一、是什么 前置守卫又名前置钩子,也是个回调函数 是在路由跳转前执行的函数 二、代码流程 注意:beforeEach方法一定要在导出路由实例前使用 三、beforeEach的参数含义 to:即将要进入的目标的路由对象 from:当前导航即将要离开的路由对象 next:调用next方法后,才能进入下一个钩子(回调函数) 总结:路由从from后的对象跳转到to后的对象,调用next方法 四、举例:点击
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:66560
    • 提供者:weixin_38528459
  1. vue-table:数据表简化! -vuetable是一个Vue.js组件,它将自动从服务器请求(JSON)数据,并通过可交换可扩展的分页组件将其很好地显示在html表中-源码

  2. 请注意! 这是与Vue 1.x一起使用的先前版本。 最新版本是 。 如果您喜欢,请给星,或少量以支持它。 由于我没有时间维护其他版本,因此“不再支持”该版本。 vuetable-数据表简化! 无需自己渲染表格 一个简单的vuetable标签 显示从服务器检索的带有排序选项的数据 通过balping支持多列排序(v1.2.0) 包括分页组件,可互换和可扩展 定义字段以映射您的JSON数据结构 定义行操作并捕获click事件以执行所需的操作 可通过Vue.js实例中的回调函数自定义字段显示 通
  3. 所属分类:其它

    • 发布日期:2021-02-06
    • 文件大小:58368
    • 提供者:weixin_42115003
  1. 简述Vue中容易被忽视的知识点

  2. 前言 Vue的学习成本和难度不高,这除了和框架本身的设计理念有关之外,还和Vue完善的官方文档有着密不可分的关系,相信有很多的开发者和我一样,很长时间没有仔细去看过官方文档了,最近花时间仔细看了一下官方文档,将里面一些容易忽视的点整理出来和大家分享。 容易忽视的点 箭头函数的使用 ES6的普及使得箭头函数的使用更加频繁,但是在Vue中不要在选项属性或者回调上使用箭头函数,举个例子: new Vue({ el: '#app', data: { show: true }, c
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:90112
    • 提供者:weixin_38577200
  1. 解决vue中虚拟dom,无法实时更新的问题

  2. 碰到的问题:使用jq获取元素节点的个数时一直为0 解决方法:使用vue的nextTick()函数即可解决 原理:nextTick可以在下一次更新dom之后进行回调,我的问题在于,在页面加载完成时无法获取虚拟dom,而使用回调函数后就可以获取到正确的dom数量,所以只需要在nextTick函数中执行jq函数就可以正确获取了。 self.$nextTick(function () { // DOM 更新了 $(#myCarousel).carousel(0); }) 以上这篇解决vue中虚拟
  3. 所属分类:其它

    • 发布日期:2021-01-21
    • 文件大小:28672
    • 提供者:weixin_38686557
« 12 »