vue.js框架 3(過濾器、按鍵修飾符、自定義v-指令)

1、篩選過濾

在這裏插入圖片描述

2、過濾器的使用

過濾器 |
在這裏插入圖片描述
可以使用正則
在這裏插入圖片描述
管道後面的函數傳參
在這裏插入圖片描述
過濾器多次調用:這裏的過濾器Vue.filter是全局的
在這裏插入圖片描述

字符串拼接:佔位符
在這裏插入圖片描述

私有過濾器
在這裏插入圖片描述
在這裏插入圖片描述

3、字符串的padStart方法

在這裏插入圖片描述
在這裏插入圖片描述

4、按鍵修飾符

在這裏插入圖片描述
js裏面內置了鍵盤事件對應的鍵碼
在這裏插入圖片描述
.enter例:
在這裏插入圖片描述

5、自定義v-指令:directive()

directive定義指令提供了幾個鉤子函數(可選):

在這裏插入圖片描述
和樣式相關的一般定義在bind中,和js相關的一般定義在inserted中
在這裏插入圖片描述
例:定義v-focus(全局指令)
在這裏插入圖片描述
在這裏插入圖片描述
定義私有指令
在這裏插入圖片描述
關於自定義指令的簡寫
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章