vue之debounce属性被移除及处理详解


Posted in Javascript onNovember 13, 2019

vue 2.0 debounce已经被移除

参考文档:

https://cn.vuejs.org/v2/guide/migration.html#替换-debounce-过滤器

https://vuejs.org/v2/guide/migration.html#debounce-Param-Attribute-for-v-model-removed

完整代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>vue-循环重复</title>
  <script src="https://unpkg.com/vue@2.5.9/dist/vue.js"></script>
  <script src="https://unpkg.com/lodash@4.13.1/lodash.min.js"></script>
</head>
<body>
<div id="box">
  <input type="button" @click="add" value="添加">
  <ul>
    <li v-for="val in arr">
      [[val]]
    </li>
  </ul>
</div>
<script>
  var vm = new Vue({
    delimiters: ['[[', ']]'],
    el: '#box',
    data: {
      arr: ['apple', 'pear', 'grape']
    },
    methods: {
      add: _.debounce(function () {
        this.arr.push('tomato')
      }, 1000)
    }

  })
</script>
</body>
</html>

在使用官方的'_.debounce()时要导入:

<script src="https://unpkg.com/lodash@4.13.1/lodash.min.js"></script>

以上这篇vue之debounce属性被移除及处理详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
收藏Javascript中常用的55个经典技巧
Aug 12 Javascript
json数据与字符串的相互转化示例
Sep 18 Javascript
深入理解JavaScript系列(29):设计模式之装饰者模式详解
Mar 03 Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 Javascript
H5移动端适配 Flexible方案
Oct 24 Javascript
简单理解vue中Props属性
Oct 27 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(下)
Apr 21 Javascript
BootStrap Table实现server分页序号连续显示功能(当前页从上一页的结束序号开始)
Sep 12 Javascript
React-native桥接Android原生开发详解
Jan 17 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
Mar 11 Javascript
简单了解Javscript中兄弟ifream的方法调用
Jun 17 Javascript
jQuery轮播图功能制作方法详解
Dec 03 jQuery
Vue的click事件防抖和节流处理详解
Nov 13 #Javascript
vue表单数据交互提交演示教程
Nov 13 #Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 #Javascript
前端vue-cli项目中使用img图片和background背景图的几种方法
Nov 13 #Javascript
基于vue-cli3和element实现登陆页面
Nov 13 #Javascript
vue data引入本地图片的两种方式小结
Nov 13 #Javascript
vue中的 $slot 获取插槽的节点实例
Nov 12 #Javascript
You might like
Yii学习总结之数据访问对象 (DAO)
2015/02/22 PHP
PHP抓取淘宝商品的用户晒单评论+图片+搜索商品列表实例
2016/04/14 PHP
Yii2实现跨mysql数据库关联查询排序功能代码
2017/02/10 PHP
PHP jQuery+Ajax结合写批量删除功能
2017/05/19 PHP
[原创]PHP实现字节数Byte转换为KB、MB、GB、TB的方法
2017/08/31 PHP
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
2011/07/08 Javascript
js replace替换所有匹配的字符串
2014/02/13 Javascript
浅谈JavaScript异常处理语句
2015/06/26 Javascript
jQuery实现选项联动轮播效果【附实例】
2016/04/19 Javascript
如何让一个json文件显示在表格里【实现代码】
2016/05/09 Javascript
移动端滑动插件Swipe教程
2016/10/16 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单
2016/11/25 Javascript
vue服务端渲染页面缓存和组件缓存的实例详解
2018/09/18 Javascript
微信小程序实现分享商品海报功能
2019/09/30 Javascript
js实现开关灯效果
2020/03/30 Javascript
JavaScript如何实现防止重复的网络请求的示例
2021/01/28 Javascript
详解Django框架中的视图级缓存
2015/07/23 Python
Python实现类似jQuery使用中的链式调用的示例
2016/06/16 Python
django基础之数据库操作方法(详解)
2017/05/24 Python
Python通过matplotlib绘制动画简单实例
2017/12/13 Python
Python实现可自定义大小的截屏功能
2018/01/20 Python
python 用正则表达式筛选文本信息的实例
2018/06/05 Python
pandas pivot_table() 按日期分多列数据的方法
2018/11/16 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
python调用有道智云API实现文件批量翻译
2020/10/10 Python
Python虚拟环境virtualenv创建及使用过程图解
2020/12/08 Python
中国领先的专业演出票务网:永乐票务
2016/08/29 全球购物
印尼最大的网上书店:Gramedia.com
2018/09/13 全球购物
先进集体事迹材料
2014/02/17 职场文书
关于孝道的演讲稿
2014/05/21 职场文书
校长师德师风自我剖析材料
2014/09/29 职场文书
导师工作推荐信
2015/03/27 职场文书
大学生实习证明
2015/06/16 职场文书
python 判断文件或文件夹是否存在
2022/03/18 Python
macos系统如何实现微信双开? mac登录两个微信以上微信的技巧
2022/07/23 数码科技