小程序开发上线后_vue之debounce属性被移除及处理

2021-01-06 17:07

vue之debounce属性被移除及处理详解       今天小编就为大家分享一篇vue之debounce属性被移除及处理详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

参考文档：

替换-debounce-过滤器

完整代码：

 !DOCTYPE html 
 html lang="en" 
 head 
 meta charset="UTF-8" 
 title vue-循环重复 /title 
 script src=".9/dist/vue.js" /script 
 script src=".1/lodash.min.js" /script 
 /head 
 body 
 div id="box" 
 input type="button" @click="add" value="添加" 
 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=".1/lodash.min.js" /script 

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