国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

web前端vue filter 過濾器

來源:懂視網 責編:小采 時間:2020-11-27 22:21:42
文檔

web前端vue filter 過濾器

web前端vue filter 過濾器:vue的過濾器通常用在一些常見的文本格式化,過濾器可以用在兩個地方:雙花括號插值和 v-bind 表達式。 比如給價格自動加上中文的錢的字符¥或者是給一個時間段或(時間戳)相互之間的轉換過濾。 在javascript和jquery的年代!時間段的顯示或者是提交,都
推薦度:
導讀web前端vue filter 過濾器:vue的過濾器通常用在一些常見的文本格式化,過濾器可以用在兩個地方:雙花括號插值和 v-bind 表達式。 比如給價格自動加上中文的錢的字符¥或者是給一個時間段或(時間戳)相互之間的轉換過濾。 在javascript和jquery的年代!時間段的顯示或者是提交,都

vue的過濾器通常用在一些常見的文本格式化,過濾器可以用在兩個地方:雙花括號插值和 v-bind 表達式。

比如給價格自動加上中文的錢的字符“¥”或者是給一個時間段或(時間戳)相互之間的轉換過濾。

在javascript和jquery的年代!時間段的顯示或者是提交,都是要在顯示的時候要轉換下或者提交的時候轉換下,這樣就有點繁瑣了(個人用了vue后的感覺繁瑣了)。

不多說直接看例子如下:

filter定義的過濾器可以局部,可以全局的下面就直接說全局的

老樣子還是等先注冊一個全局的過濾器關鍵字(filter)

全局的注冊過濾器是在main.js這個文件里,當然也可以單獨的一個js文件里

Vue.filter('dateconversion', function (value) { // 一個時間戳轉正常的過濾器
 let date = new Date(value) // nuw 一個時間
 let getHours // 小時
 let getMinutes // 分
 if(date.getHours() < 10){getHours = "0"+date.getHours()}else{ getHours = date.getHours()}
// 判斷小時是否小于10的補全:加0
 if(date.getMinutes() < 10){getMinutes = "0"+date.getMinutes()}else{ getMinutes = date.getMinutes()}
// 判斷分是否小于10的補全:加0
 return date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+" "+ getHours +":"+ getMinutes // 返回轉換后的值
})

使用起來很方便的,可以在各個組件里凡事有要轉換顯示時間的都可以用

<template>
{{date | dateconversion}} // 使用方式,就是怎么簡單,整個項目隨便用
</template> 
<script>
export default {
 data () {
 return {
 date: '' // 后臺傳來的時間戳
 }
 }
}
</script>

好了!簡單的介紹了過濾器使用方法和方式,下一章我會講稍微復雜點,串聯過濾器和帶參數的過濾器。

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

web前端vue filter 過濾器

web前端vue filter 過濾器:vue的過濾器通常用在一些常見的文本格式化,過濾器可以用在兩個地方:雙花括號插值和 v-bind 表達式。 比如給價格自動加上中文的錢的字符¥或者是給一個時間段或(時間戳)相互之間的轉換過濾。 在javascript和jquery的年代!時間段的顯示或者是提交,都
推薦度:
標簽: VUE 過濾器 前端
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 老子影院午夜久久亚洲 | 久久精品无码一区二区日韩av | 亚洲欧洲综合 | 久久成人国产精品一区二区 | 日韩欧美精品一区二区 | 国产精品免费观看网站 | 国产亚洲欧美一区二区 | 国产成人高清亚洲一区久久 | 久久性色 | 欧美极品尤物在线播放一级 | 亚洲永久精品一区二区三区 | 欧美另类v| 国产未成女年一区二区 | 国产最新精品视频 | 久久精品男人影院 | 亚洲欧美国产精品 | 久操精品在线观看 | 久久伊人免费 | 免费一级a毛片在线播放直播 | 自拍偷拍日韩 | 国产青草| 国产精品免费观在线 | 亚洲综合日韩在线亚洲欧美专区 | 亚洲欧美v | 一区国严二区亚洲三区 | 自拍偷自拍亚洲精品被多人伦好爽 | 欧美视频精品 | 国产一级片免费看 | 久久夜色精品国产亚洲 | 黑丝草逼 | 国产不卡的一区二区三区四区 | 国产欧美在线观看视频 | 国产手机在线αⅴ片无码观看 | 亚洲一区二区三区免费 | 四虎精品永久在线 | 久久国产精品一区二区 | 久久99精品国产99久久 | 亚洲欧美视频一区 | 欧美极品另类 | 国外欧美一区另类中文字幕 | 91欧美精品 |