Vue06 過濾器 鍵盤修飾符

2021-09-28 15:37:47 字數 2427 閱讀 4798

概念:vue允許你自定義過濾器,可被用作一些常見的文字格式化

示例:

使用過濾器實現日期格式化。

// 呼叫:}

vue.

filter

('dataformat'

,function

(datastr)

翻譯return`$

-$-$

$:$:

$`;}

);

在監聽鍵盤事件時,我們經常需要檢查詳細的按鍵。vue 允許為v-on在監聽鍵盤事件時新增按鍵修飾符

v-on:keyup.enter

="submit"

>

v-on:keyup.13

="submit"

>

自定義按鍵修飾符別名:

// 可以使用 `v-on:keyup.f1`

vue.config.keycodes.f1 =

112

<

!-- alt +c--

>

"clear"

>

<

!-- ctrl + click --

>

"dosomething"

>do something<

/div>

​ 這些修飾符會限制處理函式僅響應特定的滑鼠按鈕。

>

搜尋名稱關鍵字:

type

="text"

class

="form-control"

v-model

="keywords"

>

label

>

v-for

="item in search(keywords)"

:key

="item.id"

>

>

}td>

v-text

="item.name"

>

td>

>

}td>

>

href="

" @click.prevent

="del(item.id)"

>

刪除a>

td>

tr>

>

var vm =

newvue(,

,,]}

, methods:})

;}}}

);script

>

Vue 過濾器案例(全域性過濾器和區域性過濾器)

doctype html en utf 8 viewport content width device width,initial scale 1.0 js vue 2.4.0 js script 過濾器 title head 兩個過濾器的名稱都為msgformat,但是控制不同作用,乙個是全域性的...

vue學習 過濾器

作用 過濾資料,一般是把伺服器返回的資料,過濾成符合頁面展示的資料 1.私有過濾器 vue.component login data function filters 2.共有過濾器 最好把vue.filter放在元件註冊之前 vue.filter toup function input,name ...

vue中過濾器

常用語文字的格式化,過濾器可用在兩個地方 雙括號插值和v bind 表帶式 用符號 表示,在雙括號的中 在 v bind 中 具體使用請參考vue官方文件 如果專案中使用的過濾器比較多,不妨單獨用乙個filter.js檔案用來專門寫過濾器,在main.js中新增如下 就可以將filter中過濾器全部...