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中插件dialog实现弹框效果实例代码
Nov 15 Javascript
详谈JavaScript内存泄漏
Nov 14 Javascript
后台获取ZTREE选中节点的方法
Feb 12 Javascript
JavaScript实现复制内容到粘贴板代码
Mar 31 Javascript
移动端js图片查看器
Nov 17 Javascript
Bootstrap面板使用方法
Jan 16 Javascript
求js数组的最大值和最小值的四种方法
Mar 03 Javascript
浅谈 vue 中的 watcher
Dec 04 Javascript
vue的mixins属性详解
Mar 14 Javascript
从0到1搭建element后台框架优化篇(打包优化)
May 12 Javascript
JavaScript Tab菜单实现过程解析
May 13 Javascript
详解JavaScript执行模型
Nov 16 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
很温暖很温暖的Lester Young
2021/03/03 冲泡冲煮
PHP中数字检测is_numeric与ctype_digit的区别介绍
2012/10/04 PHP
PHP、Nginx、Apache中禁止网页被iframe引用的方法
2020/10/01 PHP
PHP扩展程序实现守护进程
2015/04/16 PHP
PHP+sqlite数据库操作示例(创建/打开/插入/检索)
2016/05/26 PHP
JS延迟加载加快页面打开速度示例代码
2013/12/30 Javascript
javascript页面渲染速度测试脚本分享
2014/04/15 Javascript
jQuery实现Twitter的自动文字补齐特效
2014/11/28 Javascript
JavaScript 实现打印,打印预览,打印设置
2014/12/30 Javascript
JS实现5秒钟自动封锁div层的方法
2015/02/20 Javascript
JS实现超过长度限制后自动跳转下一款文本框的方法
2015/02/23 Javascript
JS生成某个范围的随机数【四种情况详解】
2016/04/20 Javascript
JS定时检测任务任务完成后执行下一步的解决办法
2016/12/22 Javascript
详解使用Node.js 将txt文件转为Excel文件
2017/07/05 Javascript
Javascript实现跨域后台设置拦截的方法详解
2017/08/04 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
2017/10/17 Javascript
Vue发布项目实例讲解
2019/07/17 Javascript
在layui.use 中自定义 function 的正确方法
2019/09/16 Javascript
javascript实现动态时钟的启动和停止
2020/07/29 Javascript
JavaScript仿京东秒杀倒计时
2020/03/17 Javascript
[01:17:12]职来职往完美电竞专场
2014/09/18 DOTA
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
Python使用中文正则表达式匹配指定中文字符串的方法示例
2017/01/20 Python
python根据unicode判断语言类型实例代码
2018/01/17 Python
python numpy 一维数组转变为多维数组的实例
2018/07/02 Python
详解python的argpare和click模块小结
2019/03/31 Python
numpy:找到指定元素的索引示例
2019/11/26 Python
PyQt5-QDateEdit的简单使用操作
2020/07/12 Python
巴西女装购物网站:Eclectic
2018/04/24 全球购物
文明村创建实施方案
2014/03/27 职场文书
会计岗位说明书
2014/07/29 职场文书
超市优秀员工获奖感言
2014/08/15 职场文书
党员教师批评与自我批评发言稿
2014/10/15 职场文书
Mysql超详细讲解死锁问题的理解
2022/04/01 MySQL
PostgreSQL基于pgrouting的路径规划处理方法
2022/04/18 PostgreSQL
python数据分析之单因素分析线性拟合及地理编码
2022/06/25 Python