vue關於獲取目標標籤索引

2022-02-15 17:29:21 字數 544 閱讀 3724

需求:通過點選任一標籤使其變色

通過v-for渲染列表,通過v-bind繫結class樣式,  通過v-on繫結點選事件,新增引數index,與v-for的index引數一致,當點選某項時,將current賦值給index  使得current===index成立,這樣,rcolor就生效了

style

.rcolor

html

"

">

js

vue(,

methods: }})

要注意的:

1. 若想讓第乙個預設變色,將current初始值為0,如果想頁面初次渲染時任一標籤都不變色,current初始值不能是index範圍內的值

2.   : 如果index === current ,就為真,rcolor就為真,通過點選事件將 當前index賦值給當前current,這個表示式就為真,rcolor就為真,表現為點選即變色

以上。

關於jQuery獲取標籤元素

四張飛入的 div 之前做乙個飛入特效,找了網上的demo,但是只有,因為我要給加上超連結,加上超連結後飛入特效就出現了問題,原來只有兩層,div下包裹了img標籤,加了a標籤後就變成了div標籤下包裹了a標籤下面還有乙個子標籤img這樣在獲取元素是就出現了問題,一直不知道如何獲得img元素,在問過...

vue專案中頁面滾動 修改索引標籤的選中狀態

應用場景如下 由於專案元件化 所以寫了乙個混入公用js export const scrollevents methods 50 監聽 domonload 頁面中監聽 滾動元素的scroll事件 currency xht 麵包屑 breadcrumb breadcrumb ref answerhea...

關於li標籤的value屬性值的獲取問題

在前幾天的開發過程中,遇到了這樣乙個問題。在li標籤中嵌入了乙個value屬性,如這樣滴 123 然後通過jq的val 來打算獲取每個li的value值 var ts1 ts1 val var ts2 ts2 val var ts3 ts3 val console.log ts1 console.l...