vue之debounce属性被移除及处理

最新推荐文章于 2024-03-02 17:09:30 发布

Quincy379

最新推荐文章于 2024-03-02 17:09:30 发布

阅读量8.9k

点赞数 3

分类专栏： vue-js 文章标签：文档

本文链接：https://blog.csdn.net/qq_33733970/article/details/78706109

版权

vue-js 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

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>

Quincy379

关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
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
复制链接

扫一扫