vue中標籤自定義屬性的使用

2021-09-26 10:31:58 字數 1191 閱讀 1367

vue中,盡量避免對dom的操作,通過對狀態的管理實現需要的功能

舉個例子:

vue獲取dom元素可以使用ref要想獲得自定義屬性,可以通過設定ref實現

"21" ref=

"datanum" @click=

"getdata"

>

55<

/span>

getdata:

function()

但是vue不推薦這樣做,你可以這樣做

"getdata('21')"

>

55<

/span>

getdata:

function

(num)

像這樣的(關於input中的屬性),一般可以放到name空間裡,可以通過$attr屬性獲取相應的值

"datanum" name=

"21"

:value=

"value1"

>

<

/input>

"getdata"

>獲取name<

/span>

getdata:

function()

但是這樣為何不直接傳進去狀態值呢

"value1"

>

<

/input>

"getdata('21')"

>獲取name<

/span>

getdata:

function

(num)

當然操作dom還可以通過e.target操作獲取,還是不推薦

"21" @click=

"getdata"

>

55<

/span>

getdata:

function

(e)

HTML標籤自定義屬性

html標籤可以自定義屬性,但是我們要考慮其在ie firefox以及chrome下的相容性問題。例如 複製 這裡的 myattr 就是這個標籤的自定義屬性了。如果定義了屬性卻使用不了,那麼這個屬性就沒有任何意義了,接下來就是如何去呼叫我們的自定義屬性的值了。在ie瀏覽器裡,我們通過獲取物件後直接呼...

HTML標籤自定義屬性

html標籤可以自定義屬性,但是我們要考慮其在ie firefox以及chrome下的相容性問題。例如 複製 這裡的 myattr 就是這個標籤的自定義屬性了。如果定義了屬性卻使用不了,那麼這個屬性就沒有任何意義了,接下來就是如何去呼叫我們的自定義屬性的值了。在ie瀏覽器裡,我們通過獲取物件後直接呼...

html標籤自定義屬性

html標籤中可以自定義屬性,但對屬性的操作在不同的瀏覽器下存在相容性的問題。如下 此時,id和name是div標籤系統的屬性,open是自定義屬性。如果對div標籤操作,取name和open屬性的值時。在ie下可以如下操作 document.getelementbyid unique name d...