vue不同dom元素的取值

2021-10-07 04:25:35 字數 975 閱讀 5343

雙向繫結 v-model

v-bind v-text v-htlm、插值表示式 都屬於單向繫結

資料元素發生變化,頁面發生變化

頁面元素發生變化,資料不變

v-bind:href=「http://…」:簡寫 :href=「http://…」

只能用在標籤體裡面,支援vue 變數、函式,表示式

頁面重新整理過程中會顯示原** }、},不友好

使用方式

>}}

你好 ,

}<

/h1>

<

/div>

動態切換class 、style

>

"link"

>繫結到屬性<

/a>

class

=""

v-bind:style=

"">

class增強,控制多個class、style

<

/span>

<

/div>

let vm =

newvue(}

)<

/script>

<

/body>

class 增強語法: : true false通過vue函式或者變數來控制,達到動態切換class的需求

class1 class2 名稱中含有- 等特殊字元 示例:『class-name』

style 增強語法

頁面元素修改值,繫結資料的值跟著修改

可以修改頁面元素的:表單、自定義元件

用於給標籤體繫結值

vue獲取dom元素注意問題

mounted 1000 methods vue想要獲取dom元素的高,一般情況下我們都可以想到寫在mounted函式裡,即dom載入完再獲取,但是結果並不如我們所想,又想到用乙個 this.nexttick 來獲取,發現根本沒用啊 所以好的辦法就是用乙個settimeout定時器,時間可以設為0,...

vue獲取dom元素注意問題

mounted 1000 methods vue想要獲取dom元素的高,一般情況下我們都可以想到寫在mounted函式裡,即dom載入完再獲取,但是結果並不如我們所想,又想到用乙個 this.nexttick 來獲取,發現根本沒用啊 所以好的辦法就是用乙個settimeout定時器,時間可以設為0,...

vue中獲取並操作dom元素

獲取dom元素可以使用 elementlist document.queryselectorall selectors 獲取多個dom元素 如ul中的lielement document.queryselector selectors 獲取dom元素中的第乙個元素在vue中使用 mounted 要在...