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 相关文章推荐
jQuery Autocomplete自动完成插件
Jul 17 Javascript
Jquery 获取对象的几种方式介绍
Jan 17 Javascript
node.js下when.js 的异步编程实践
Dec 03 Javascript
jQuery实现简单的列表式导航菜单效果代码
Aug 31 Javascript
js闭包引起的事件注册问题介绍
Mar 29 Javascript
基于JS代码实现图片在页面中旋转效果
Jun 16 Javascript
BootStrap学习笔记之nav导航栏和面包屑导航
Jan 03 Javascript
angularjs的select使用及默认选中设置
Apr 08 Javascript
基于pako.js实现gzip的压缩和解压功能示例
Jun 13 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
Jul 27 Javascript
react-native 圆弧拖动进度条实现的示例代码
Apr 12 Javascript
Postman内建变量常用方法实例解析
Jul 28 Javascript
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
php抓取页面的几种方法详解
2013/06/17 PHP
PHP删除HTMl标签的实现代码
2013/06/30 PHP
PHP生成迅雷、快车、旋风等软件的下载链接代码实例
2014/05/12 PHP
ThinkPHP应用模式扩展详解
2014/07/16 PHP
php while循环控制的简单实例
2016/05/30 PHP
PHP 获取客户端 IP 地址的方法实例代码
2018/11/11 PHP
javascript 关于# 和 void的区别分析
2009/10/26 Javascript
控制页面按钮在后台执行期间不重复提交的JS方法
2013/06/24 Javascript
单击和双击事件的冲突处理示例代码
2014/04/03 Javascript
js+css实现导航效果实例
2015/02/10 Javascript
简单理解vue中track-by属性
2016/10/26 Javascript
JS操作xml对象转换为Json对象示例
2017/03/25 Javascript
JQuery通过后台获取数据遍历到前台的方法
2018/08/13 jQuery
vue slots 组件的组合/分发实例
2018/09/06 Javascript
angularjs的单选框+ng-repeat的实现方法
2018/09/12 Javascript
django使用channels2.x实现实时通讯
2018/11/28 Javascript
JS正则表达式验证端口范围(0-65535)
2020/01/06 Javascript
node.js使用http模块创建服务器和客户端完整示例
2020/02/10 Javascript
Python制作简单的网页爬虫
2015/11/22 Python
Python简单实现子网掩码转换的方法
2016/04/13 Python
Python中的FTP通信模块ftplib的用法整理
2016/07/08 Python
PyChar学习教程之自定义文件与代码模板详解
2017/07/17 Python
在vscode中配置python环境过程解析
2019/09/28 Python
python对Excel的读取的示例代码
2020/02/14 Python
Python3安装模块报错Microsoft Visual C++ 14.0 is required的解决方法
2020/07/28 Python
Python安装Bs4的多种方法
2020/11/28 Python
生物有机护肤品:Aurelia Probiotic Skincare
2018/01/31 全球购物
为什么说Ruby是一种真正的面向对象程序设计语言
2012/10/30 面试题
煤矿班组长岗位职责
2013/12/29 职场文书
个人求职信范文分享
2014/01/31 职场文书
2014年教师节寄语
2014/08/11 职场文书
企业爱岗敬业演讲稿
2014/09/04 职场文书
商务司机岗位职责
2015/04/10 职场文书
召开会议通知范文
2015/04/15 职场文书
浅谈如何提高PHP代码的质量
2021/05/28 PHP
MySQL定时备份数据库(全库备份)的实现
2021/09/25 MySQL