我是靠谱客的博主 甜美胡萝卜,这篇文章主要介绍vue之debounce属性被移除及处理详解,现在分享给大家,希望可以做个参考。

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

完整代码:

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!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()时要导入:

复制代码
1
<script src="https://unpkg.com/lodash@4.13.1/lodash.min.js"></script>

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

最后

以上就是甜美胡萝卜最近收集整理的关于vue之debounce属性被移除及处理详解的全部内容,更多相关vue之debounce属性被移除及处理详解内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(137)

评论列表共有 0 条评论

立即
投稿
返回
顶部