过滤器

    xiaoxiao2021-03-26  26

    --------------------------------------debounce 延迟2000----------------------------- <input type="text" @keyup="show | debounce 2000"> ---------------------------------limitBy 取几条数据------------------------------ <div id="box"> <ul> <li v-for="val in arr | limitBy 2">{{val}}</li> //limitBy 2 1 第一个2是取几条数据 第二个1是从下标几开始取 </ul> </div>data:{ arr:[1,2,3,4,5] }, --------------------------------filterBy 过滤数据-------------------------- <li v-for="val in arr | filterBy 'w'">{{val}}</li> //意思是数组中有w的都会输出 --------------------------------orderBy 排序--------------------------<li v-for="val in arr | orderBy 1">{{val}}</li> //1是正序 -1是倒叙 ---------------------------------自定义过滤器-----------------------{{a | toDou}}Vue.filter('toDou', function () { return input<10?'0'+input:''+input; });---------------------------------自定义事件过滤器-----------------------------{{a | date}}data:{ a:Date.now() },return oDate.getFullYear()+'-'+(oDate.getMonth()+1)+'-'+oDate.getDate()+'-'+oDate.getHours()+':'+oDate.getMinutes()+':'+oDate.getSeconds()
    转载请注明原文地址: https://ju.6miu.com/read-350104.html

    最新回复(0)