Vue之過濾器詳解

阿新 • • 發佈：2021-11-22

在這裡插入圖片描述

<body>
    <div id="root">
        <h2>顯示格式化後的時間</h2>
        <!-- 計算屬性實現 -->
        <h2>現在是{{fmtTime}}</h2>
        <!-- methods實現 -->
        <h2>現在是{{getFmtTime()}}</h2>
        <!-- 過濾器時間實現-->
        <h2>現在是{{time | timeFormater}}</h2>
    </div>
    <div id="root2">
        <h2&g 
t;現在是：{{msg |mySlice }}</h2>
    </div>
    <script>
        .config.productionTip = false;
        //全域性過濾器
        Vue.filter('mySlice',function(value) {
            return value.slice(0,4)
        })
        new Vue({
            el: "#root",data: {
                time: 1637047951556 //時間戳
            },computed: {
                fmtwww.cppcns.com 
Time() {
                    rhttp://www.cppcns.cometurn day(this.time).format('YYYY年MM月DD HH:mm:ss')
                }
            },methods: {
                getFmtTime() {
                    return dayjs(this.time).format('YYYY年MM月DD HH:mm:ss')
                }
            },filters: {
                ti 
meFormater(value) {
                    return dayjs(value).format('YYYY年MM月DD HH: mm: ss ')
                }
            },})

        new Vue({
            el: "#root2",data: {
                msg: 'hello world'
            }
        })
    </script>
</body>

在這裡插入圖片描述

總結

本篇文章就到這裡了，希望能夠給你帶來幫助，也希望您能夠多多關注我們的更多內容!

Vue之過濾器詳解

<body> <div id=\"root\"> <h2>顯示格式化後的時間</h2>

Vue之外掛詳解

總結本篇文章就到這裡了，希望能夠給你帶www.cppcns.com來幫助，www.cppcns.com也希望您能夠多多關uUAwta注我們www.cppcns.com的更多內容!

Vue之元件詳解

vue元件系列之TagsInput詳解

簡介 TagsInput 是一種可編輯的輸入框，通過回車或者分號來分割每個標籤，用回退鍵刪除上一個標籤。用 vue 來實現還是比較簡單的。

Vue初始化中的選項合併之initInternalComponent詳解

今天給大家分享Vue初始化中的選項合併之initInternalComponent的相關知識，具體程式碼如下所示：

hbase scan過濾器命令語法出錯_HBase原理HBase Filter 過濾器之 FamilyFilter 詳解

技術標籤：hbase scan過濾器命令語法出錯前言：本文詳細介紹了 HBase FamilyFilter 過濾器 Java&Shell API 的使用，並貼出了相關示例程式碼以供參考。FamilyFilter 基於列族進行過濾，在工作中涉及到需要

Tomcat原理系列之六:詳解socket如何封裝成request(上)

@TOC 看原始碼雖然不能馬上提升你的編碼水平。但能讓你更好的理解程式設計。

Tomcat原理系列之七:詳解socket如何封裝成request(下)

@TOC 推薦閱讀Tomcat原理系列之二：由點到線,請求主幹對於理解本文有很多幫助。

Java之BigDecimal詳解

一、BigDecimal概述 Java在java.math包中提供的API類BigDecimal，用來對超過16位有效位的數進行精確的運算。雙精度浮點型變數double可以處理16位有效數，但在實際應用中，可能需要對更大或者更小的數進行運算和處

HBase 系列（七）——HBase 過濾器詳解

一、HBase過濾器簡介 Hbase 提供了種類豐富的過濾器（filter）來提高資料處理的效率，使用者可以通過內建或自定義的過濾器來對資料進行過濾，所有的過濾器都在服務端生效，即謂詞下推（predicate push down）。這樣可

玩轉Redis搭建叢集之Sentinel詳解

前言 Redis作為記憶體資料庫，需要具備高可用的特點，不然如果伺服器宕機，還在記憶體裡的資料就會丟失。我們最常用的高可用方法就是搭建叢集，master機器掛了，可以讓slave機器頂上，繼續提供服務。但是Redis叢集是

Python資料儲存之 h5py詳解

1、Python資料儲存（壓縮）（1）numpy.save,numpy.savez,scipy.io.savemat numpy和scipy內建的資料儲存方式。

C++11 併發指南之Lock 詳解

在《 C++11 併發指南三(std::mutex 詳解) 》一文中我們主要介紹了 C++11 標準中的互斥量(Mutex)，並簡單介紹了一下兩種鎖型別。本節將詳細介紹一下 C++11 標準的鎖型別。

Go語言學習之goroutine詳解

什麼是goroutine？ Goroutine是建立線上程之上的輕量級的抽象。它允許我們以非常低的代價在同一個地址空間中並行地執行多個函式或者方法。相比於執行緒，它的建立和銷燬的代價要小很多，並且它的排程是獨立於執行緒的

node建立Vue專案步驟詳解

vue的安裝 Vue.js不支援IE8及以下版本。因為Vue.js使用了ECMAScript5特性，IE8顯然不能模擬。

Python任務排程利器之APScheduler詳解

任務排程應用場景所謂的任務排程是指安排任務的執行計劃，即何時執行，怎麼執行等。在現實專案中經常出現它們的身影；特別是資料類專案，比如實時統計每5分鐘網站的訪問量，就需要每5分鐘定時從日誌資料分析訪問量

Go語言庫系列之dotsql詳解

導讀：能單獨拎出SQL檔案的某一行或幾行執行，是不是非常有趣？今天我們來介紹一下這個有意思的庫--dotsql。

python資料分析工具之 matplotlib詳解

不論是資料探勘還是數學建模，都免不了資料視覺化的問題。對於 Python 來說，matplotlib 是最著名的繪相簿，它主要用於二維繪圖，當然也可以進行簡單的三維繪圖。它不但提供了一整套和 Matlab 相似但更為豐富的命令，

JDK13的新特性之AppCDS詳解

簡介 AppCDS的全稱是Application Class-Data Sharing。主要是用來在不同的JVM中共享Class-Data資訊，從而提升應用程式的啟動速度。

JDK12的新特性之CompactNumberFormat詳解

簡介 JDK12引入了新的格式化數字的類叫做CompactNumberFormat。主要方便我們對很長的數字進行簡寫。比如1000可以簡寫為1K或者1 thousand。

Vue之過濾器詳解

總結

相關推薦