本文主要介紹vue定義了一個(gè)濾鏡(vue使用濾鏡)，下面一起看看vue定義了一個(gè)濾鏡(vue使用濾鏡)相關(guān)資訊。
本文主要介紹vue cli的自定義濾鏡，分享給大家，給自己做個(gè)記錄。vue2中移除了內(nèi)置過濾器。所有的過濾器都需要定義自己。下面的例子是以使用模板定制日期格式的webpack過濾器為例。文件結(jié)構(gòu)。it 只是src，我們有過濾器，我們只做dataformat.js，我們做index.js，main . js——所有的過濾器都放在filter文件夾中，還有webpack模板文件的其余部分的結(jié)構(gòu)，這里沒有完全寫出來。filt: mm | |；let date =新日期(時(shí)間)；if (//(y)。測(cè)試(fmt)){ fmt = fmt . replace(regexp .1美元，(date.getfullyear)。substr(4—9 .一美元。長度))；} let dt = {m: date.getmonth 1，d: date.getdate，h: date.gethours，m: date.getminutes，:date . get seconds} for(l測(cè)試(fmt)){ let fmt(1美元= fmt.replace正則表達(dá)式，(正則表達(dá)式。1 . length usd = 1):str( ;00強(qiáng)度)、substr (str。長度))；}}返回格式；}這段代碼是在網(wǎng)上找的，我只是稍微修改了一下。filter/index.js這里集合了所有的自定義濾鏡，方便在main.js中一次添加到全局濾鏡中，如果自定義濾鏡不止一個(gè)，只需要在這個(gè)文件中導(dǎo)出即可。導(dǎo)出日期過濾器導(dǎo)入日期格式。/date format當(dāng)派生表單派生鍵值時(shí)，請(qǐng)?jiān)诤Y選器的全局名稱篩選器中設(shè)置它。導(dǎo)出日期格式} {可以繼續(xù)導(dǎo)出其他過濾器src/main.js這個(gè)文件是程序的主入口，平時(shí)負(fù)責(zé)配置相關(guān)的東西。因此，毫無疑問，添加一個(gè)過濾器是它的工作(這是唯一可以獲得vue對(duì)象的地方)。///index.js會(huì)找到過濾器import *作為默認(rèn)遍歷所有派生過濾器的過濾器，并添加到全局過濾器object.keys (filter)，foreach ((key) = {vue.filter (key，filter { key })；})it ;它很容易使用，就像以正常使用它和編寫它一樣。在項(xiàng)目中，您需要一個(gè)新日期(日期格式)|轉(zhuǎn)折點(diǎn)}新日期(日期格式)|轉(zhuǎn)折點(diǎn)( yyyymm dd hh: mm: ss)}以上是本文的全部內(nèi)容。希望能幫到你，也希望你多多支持我。
了解更多vue定義了一個(gè)濾鏡(vue使用濾鏡)相關(guān)內(nèi)容請(qǐng)關(guān)注本站點(diǎn)。