vue 過濾器的使用方法 filter

2021-08-20 09:14:09 字數 4289 閱讀 7965

filter.js內封裝的工具類

* 獲得時間差,時間格式為 年-月-日 小時:分鐘:秒 或者 年/月/日 小時:分鐘:秒

* 其中,年月日為全格式,例如 : 2010-10-12 01:00:00

* 返回精度為:秒,分,小時,天

*/const getdatediff = (starttime, endtime, difftype) => else

return (

value +

math.abs(day) +

' 天 ' +

math.abs(hour) +

' 時 ' +

math.abs(minute) +

' 分 '

);// break;

case

'second':

divnum = _second;

break;

case

'minute':

divnum = _minute;

break;

case

'hour':

divnum = _hour;

break;

case

'day':

divnum = _day;

break;

case

'month':

divnum = _month;

break;

default:

break;

} return

parseint((etime.gettime() - stime.gettime()) / parseint(divnum)) || 0;

};const getrank = i => ;

const toname = (ids, arr) =>

}} return a.join();

};vue.filter('format', format);

vue.filter('tolabel', tolabel);

vue.filter('tolabels', tolabels);

vue.filter('tolabel1', tolabel1);

vue.filter('insteadofimg', insteadofimg);

vue.filter('toabbrtext', toabbrtext);

vue.filter('skillfull_list_text', skillfull_list_text);

vue.filter('replacename', replacename);

vue.filter('getname', getname);

vue.filter('randompath', randompath);

vue.filter('getdatediff', getdatediff);

vue.filter('getrank', getrank);

vue.filter('toname', toname);頁面操作

這裡是過濾器

}div>

template>

main.js內容

VUE2 X過濾器的使用方法

vue2.x過濾器的使用方法有幾種,今天講一種,以cnode社群api為示例,轉換tab型別為中文漢字。首先我們在assets資料夾中新建個js的資料夾,並新建common.js,然後將過濾器寫在這個檔案中。當然你也可以寫在單個元件中,這個等下後面說。將tab型別轉換成漢字 param tab 待轉...

Vue過濾器的使用

官方文件 1.作用 在我們頁面顯示值之前加一層過濾,展示我們過濾後的值 2.使用位置 雙花括號插值和v bind表示式,由管道符號 表示 3.使用語法 可以同時使用多個過濾器,後面過濾器的data就是前面表示式傳過來的值 3.v bind 屬性 變數名 過濾器名 4.定義語法 1.全域性定義 vue...

vue過濾器的使用

很多時候我們從後台拿到的資料格式並不是我們想要的,比如時間,一般後台給的是時間戳,前端需要轉化為類似yyyy mm nn的形式,如果不是直接渲染資料,還是能夠使用moment包去轉化,如果是像在 中這種寫法還比較簡單,能夠對資料直接操作 而像需要直接渲染的可能就需要我們遍歷列表去乙個乙個修改,比較麻...