Vuejs的屬性驗證 過濾器以及自定義指令

2021-09-19 13:57:41 字數 894 閱讀 1584

在元件通訊時,作為接收值得容器(陣列,當這個值要進行屬性驗證時要寫成物件形式)

props接收的值可以在該元件中直接使用

props:

問題:不能對資料的取值範圍進行判斷

解決:validator

props:

}}

-其他屬性

props:, propc:, propd: } }

第三方庫:vue-validate validate 因為vue未使用typescript驗證而產生

vue 1.x 提供了10個過濾器,在vue 2.x廢棄,由使用者自己定義

對資料進行過濾

`html

}``js

filters:

}vue.filter('timefilter',function(value))

`

-全域性自定義指令

`vue.directive(指令的名稱,)`

-區域性自定義指令

-指令的鉤子函式(5個)

-bind//只呼叫一次,指令第一次繫結到元素時呼叫

-inserted//被繫結元素插入父節點時呼叫(在頁面顯示時)

-update 指令繫結的元素自身,或是他的內容發生變化時呼叫

-componentupdated 與update相似

-unbind 解綁時呼叫(v-if或刪除這個元素)

inserted(el,binding,vnode,oldvnode)

el:被繫結的dom元素

binding:指令的所有資訊

vnode:當前指令繫結的虛擬節點的資訊

oldvnode:指令繫結之前節點的資訊

屬性過濾器

在昨天由老師帶領我們統一回顧了一下屬性過濾器,個人感覺像這種過濾器選擇器之類的並不算太難,只要自己認真一點基本不會有什麼錯誤,所以最主要的還是細心,不馬虎。屬性過濾器jquery內容 function 屬性過濾器boby內容 鏈結1 鏈結2鏈結1 然後在這個之後又重新回顧了表單選擇器,又相對做了一部...

屬性過濾器(Attribute Filters)

1 atrribute attribute 乙個屬性名。選擇所有具有指定屬性的元素,該屬性可以是任何值。2 attribute value attribute 乙個屬性名 value 乙個屬性值,引號的可選的。選擇指定屬性是給定值的元素。3 attribute value 等同於 not attr ...

屬性過濾器 基礎

attribute 匹配包含給定屬性的元素。attribute value 匹配給定的屬性是某個特定值的元素 attribute value 匹配所有不含有指定的屬性,或者屬性不等於特定值的元素。沒有設定這個屬性的也會匹配到 attribute value 匹配給定的屬性是以某些值開始的元素 att...