Vuejs之路之 style和class的繫結

2021-08-06 00:03:19 字數 600 閱讀 3608

資料繫結乙個常見需求是操作元素的 class 列表和它的內聯樣式。因為它們都是屬性 ,我們可以用v-bind 處理它們,在 v-bind 用於 class 和 style 時,表示式的結果型別除了字串之外,還可以是物件或陣列。

直接上**:

切換class

其實繫結class類名還可以用在元件上,但是用法是一樣的只不過你在元件上班繫結的class類名將最終繫結在根元素上,其他的也沒什麼 。

總之:物件方式:

1.當condition1為真的時候,才會為該元素新增class名addback,否則就不新增,如果要控制多個class名只需要將其用逗號隔開就行了。

2.也可以直接繫結資料裡的物件,因為最終還是個物件,本身就是物件。

3.當然我們也可以繫結為返回物件的計算屬性(return出來的是乙個物件,結合上文容易理解)

陣列方式:當然我們也可以繫結為乙個陣列,陣列的元素是將要應用的class類名的鍵,我們還可以在陣列裡面利用三元表示式

陣列和物件: 我們還可以在陣列形式中利用物件形式

Vuejs之路之 迴圈渲染

一看見迴圈,我們就自然就想到了for迴圈,所以這裡講的就是v for的故事,廢話少說 總結之 1.其實v for的語法格式為v for item in of items,在這裡items可以是陣列,物件等等,item是子自己定義的 表示items中的元素或者子項 2.源資料是陣列的話,還可以 v f...

C 學習之路 MVC 二 和WebAPI

注釋和驗證 在model中使用system.componentmodel.dataannotations中包含的特性,為客戶端資料制定一些資訊,或用來驗證資料。required,stringlength 50 displayname price displayformat dataformatstr...

自學C 之路7 裝箱和拆箱

c 中的變數分為值型別和引用型別兩種。值型別變數儲存在棧上,比較簡單 引用型變數儲存在堆上,比較複雜。int n 123 object obj n 裝箱 string s obj.tostring 這裡 c 在暗中進行了魔術轉換 裝箱 boxing 裝箱操作能把值型別資料打包到引用型變數中,使我們能...