注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  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中使用回调函数,this调用无效的解决

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

  3. 所属分类：其它

    • 发布日期：2020-10-14
    • 文件大小：43008
    • 提供者：weixin_38655990

  1. 浅谈vue使用axios的回调函数中this不指向vue实例,为undefined

  2. 主要介绍了浅谈vue使用axios的回调函数中this不指向vue实例,为undefined，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

  3. 所属分类：其它

    • 发布日期：2020-10-14
    • 文件大小：55296
    • 提供者：weixin_38744902

  1. vue动画—通过钩子函数实现半场动画操作

  2. 注意： 1.起始位置设置了一个（0，0）在第一遍执行时，是没有作用的。在一次入场动画执行完成之后，在最终位置停下来并不在起始位置，通过这里的位置的设置可以将入场动画结束时的位置调到这里 2.理解enter()函数的el的指代对象和done()指代的回调函数 3.理解this.show = !this.show，这句话有两个作用。一是：控制显示和隐藏，二是：false —> true为半场动画，true—>false又是为另半场动画。这样就能完成一直循环执行半场动画的效果了。 HTML

  3. 所属分类：其它

    • 发布日期：2020-11-19
    • 文件大小：233472
    • 提供者：weixin_38516040

  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中使用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定义全局点击函数，参数为点击的回调函数。 Vue.prototype.globalClick = function (callback) { //页面全局点击 $(document).click(callback); } 组件挂载后监听全局的点击事件 mounted:function () { this.globalClick(this.handleClickOut); }, 隐藏元素。 取到dom节点，判断父级是否存在来判断是否需要来关闭 handleClickOut:func

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：25600
    • 提供者：weixin_38503483

  1. 详解vue数组遍历方法forEach和map的原理解析和实际应用

  2. 一、前言 forEach和map是数组的两个方法，作用都是遍历数组。在vue项目的处理数据中经常会用到，这里介绍一下两者的区别和具体用法示例。 二、代码 1. 相同点 都是数组的方法 都用来遍历数组 两个函数都有4个参数：匿名函数中可传3个参数item(当前项), index(当前项的索引), arr(原数组)，还有一个可选参数this 匿名函数中的this默认是指向window的 对空数组不会调用回调函数 不会改变原数组(某些情况下可改变) 2. forEach

  3. 所属分类：其它

    • 发布日期：2020-11-29
    • 文件大小：58368
    • 提供者：weixin_38748556

  1. Vue在页面数据渲染完成之后的调用方法

  2. 在使用Vue框架的时候，有时候需要在Vue在页面数据渲染完成之后调用方法，不然获取不到准确的数据，特别是在获取列表的高度的时候，由于数据没有加载完，获取不到准确的高度。之前在使用jquery的时候，有ready可以帮助我们实现，但是Vue不存在此类方法，我们需要结合watch和this.$nextTick()来实现。 nextTick：在下次 DOM 更新循环结束之后执行延迟回调。 watch：用于观察Vue实例上的数据变动。对应一个对象,键是观察表达式,值是对应回调。 之前我是这样子使用nex

  3. 所属分类：其它

    • 发布日期：2020-12-09
    • 文件大小：35840
    • 提供者：weixin_38590456

  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 3.0双向绑定原理的实现方法

  2. proxy方法 vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过new Proxy()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 Vue 3.0与Vue 2.0的区别仅是数据劫持的方式由Object.defineProperty更改为Proxy代理，其他代码不变。可查看Vue 2.0双向绑定原理的实现 具体实现过程的代码如下： 1、定义构造函数 function Vue(option){ this.$el = document

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：54272
    • 提供者：weixin_38670707

  1. 网络应用 axIos +vue的应用

  2. ◆axios回调函数中的this已经改变,无法访问到data中数据 ◆把this保存起来，回调函数中直接使用保存的this即可 ◆和本地应用的最大区别就是改变了数据来源   就是，网络接口获取数据。 再配合vue实现对数据的处理！ 结果 1，初始： 2，点击获取：  代码： axios+vue基本使用 {{joke}} var app = new Vue( { el:#app,

  3. 所属分类：其它

    • 发布日期：2021-01-08
    • 文件大小：279552
    • 提供者：weixin_38700430

  1. 简述Vue中容易被忽视的知识点

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

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：90112
    • 提供者：weixin_38577200

  1. Vue 2.0双向绑定原理的实现方法

  2. Object.defineProperty方法 vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。 具体实现过程的代码如下： 1、定义构造函数 function Vue(option){ this.$el = document.querySelector(option.el); //获取挂载节点 this.$data = option.da

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：54272
    • 提供者：weixin_38714509

  1. vue2.0$nextTick监听数据渲染完成之后的回调函数方法

  2. vue里面本身带有两个回调函数： 一个是`Vue.nextTick(callback)`，当数据发生变化，更新后执行回调。 另一个是`Vue.$nextTick(callback)`，当dom发生变化，更新后执行的回调。 栗子： ... {{item}} ... new Vue({ el:'#demo', data:{ list=[0,1,2,3,4,5,6,7,8,9,10] }, methods:{ push:function(){ this.list.pu

  3. 所属分类：其它

    • 发布日期：2021-01-19
    • 文件大小：26624
    • 提供者：weixin_38643212

  1. 浅谈vue使用axios的回调函数中this不指向vue实例,为undefined

  2. 今天在vue-cli脚手架搭建的项目中使用axios时，遇到无法解析this.$route的报错信息，最后发现是作用域的问题。 1.解决方法：使用 => 原代码： axios.get('/user', { params: { ID: 12345 } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); })

  3. 所属分类：其它

    • 发布日期：2021-01-18
    • 文件大小：52224
    • 提供者：weixin_38614112