vue之debounce屬性被移除及處理詳解
更新時間:2019年11月13日 09:32:26 作者:Quincy379
今天小編就為大家分享一篇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
完整代碼:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>vue-循環(huán)重復</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屬性被移除及處理詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
vue中$refs, $emit, $on, $once, $off的使用詳解
這篇文章主要介紹了vue中$refs, $emit, $on, $once, $off的使用詳解,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-05-05vue中el-table多級嵌套列表(菜單使用el-switch代替)
本文主要介紹了el-table多級嵌套列表(菜單使用el-switch代替),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2023-06-06Vue讀取本地靜態(tài)文件json的2種方法以及優(yōu)缺點
這篇文章主要介紹了Vue讀取本地靜態(tài)文件json的2種方法以及優(yōu)缺點說明,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-09-09