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

2021-10-11 03:07:25 字數 1550 閱讀 3110

應用場景如下

由於專案元件化 所以寫了乙個混入公用js

export

const scrollevents =;}

, methods:}}

,50)}

},//監聽

domonload(),};

頁面中監聽 滾動元素的scroll事件

="currency-xht"

>

<

!-- 麵包屑 --

>

="breadcrumb"

>

<

/breadcrumb>

ref=

"answerheaderref"

class

="noteanswerheader"

v-for=

"(el, i) in currencylist"

:key=

"i":answerheaderlist=

"el"

:answerheadertype=

"1" @onclickquest=

"onclickquest"

>

<

/answerheader>

="question-xht"

>

ref=

"currency"

:questiondata=

"currencydata"

:unit=

"1" @makequestion=

"makequestion"

@buschange=

"buschange"

@judge=

"judge"

@multiple=

"multiple"

:showanswerboolean=

"false"

:iscomplete =

'false'

:iswrong =

'false'

@domonload=

'domonload'

//由於元件化不能保證引入元件和自身元件同時載入 拿不到dom

// 所以子元件 mounted 方法觸發事件給父元件 告訴父元件已載入完成

>

<

/currency>

<

/div>

<

/div>

<

/template>

data 裡面可以定義 sonname 為自己的class名稱 spacesize 為迴圈列表的padding和margin

methods方法裡 =>

// 修改選中狀態

changechoosecircle

(index)

有需要話會繼續補充功能!

Vue專案中動態修改頁面標題title

如果需要動態設定頁面的title,可以直接使用document.title 可以使用router的beforeeach去統一設定,這種方法使用每個頁面都是固定的標題,在進入路由就賦值標題,進入路由後就不修改了 使用document.title動態修改頁面標題 1 在index.js中設定docume...

如何動態修改Vue專案中的頁面title

前言 在專案中,我們有時候需要修改vue專案中的頁面title。方法有兩種,如果需要動態設定頁面的title,可以直接使用document.title 可以使用router的beforeeach去統一設定,這種方法使用每個頁面都是固定的標題,在進入路由就賦值標題,進入路由後就不修改了。一 方法一使用...

vue專案中滾動到某元素位置或者到頁面頂部

跳轉後返回頂部 router.aftereach to,from,next 1.使用a標籤 號 我跳到box1 1 2 上面這一種的缺點是,url會發生改變,會在url最後面加上片段識別符 box2,這樣就改變了url的路徑,這是我們不想看到的。因為再次重新整理的時候回出現問題。當使用 vue ro...