在vue腳手架中全域性使用過濾器 filters

2021-10-14 15:10:19 字數 1300 閱讀 8372

在filters.js中

//格式時間


export


const


formatdate


= time =>


else};


//********************====


//美化**


export


const


formatmoney


=function


(value)};


//********************===


//時間字串擷取


export


function


subtime


(date)z/,


"");}


// let date = subtime("2020-06-27t14:20:27.000000z");


// console.log(date); // 2020-06-27 14:20:27


//export
在main中

import


*as filters from


"./utils/filters"


;//將匯出的每個方法掛載原型


object.


keys


(filters)


.foreach


(k => vue.


filter


(k, filters[k]


))
使用：

**：}


<


/p>
在filters.js中

import vue from


"vue"


;export


default


function()


else})


;// 人民幣過濾


vue.


filter


("formatmoney"


,function


(value)})


;}
main.js

import vuefilter from


'@/utils/filter'


vuefilter


(vue)


;
使用：

**：}


<


/p>


//可以通過this.$options.filters["formatdate"](params)函式呼叫

Vue cli腳手架之時間過濾器

一 vue cli腳手架建立全域性過濾器 1 在src資料夾下建立filters資料夾，filters資料夾下建立檔案index.js 2 在main.js中引入後進行註冊過濾器 引入過濾器檔案 import filters from filters index 過濾器註冊 object.keys ...

vue元件中過濾器 Vue中如何使用過濾器

前言 vue中的過濾器可以格式化以及美化內容 從後台接受資料過來的時候時間是時間毫秒，我選擇了使用過濾器，接下來給大家分享一下使用過程 在全域性配置過濾器 main.js檔案裡面 時間過濾器 vue.filter datefilter function val datefileter是過濾器名 es...

vue 中定義全域性過濾器

第一步 mian.js 中進行定義 vue.filter moneyfilter function value,num,type 引數說明 moneyfilter表示的是過濾器的名稱 函式中的引數解析 value是通過管道傳來的資料 必須引數 num在呼叫過濾器時在圓括號中第乙個引數 選填引數 ty...