應用場景如下
由於專案元件化 所以寫了乙個混入公用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...