vue雙向定位導航效果

2022-09-23 07:56:56 字數 784 閱讀 8960

需求:實現雙向定位導航效果,點選左側選單,右側滾動到相應的位置。滾動右邊,左側相應選單高亮。

html**:

1
data裡定義資料:

isfixed: false

,fixedmenu:

false

,scrolltop: 0,

menulist: [

'課程資訊',

'課程及收費依據',

'報名政策',

'所需材料資訊',

'培訓流程',

'證書樣本',

'常見問題'],

menuclickindex: 0,

js中**:

1

methods: ,

10datascroll() else

17this.isfixed = this.scrolltop > 258;

18},

19loadscroll()

25});26}

27 },

28mounted() ,

31

watch:

35

},36

destroyed()

vue cli輸入命令vue ui沒效果

最近用vue cli腳手架很順口,特別是ui控制檯,在這裡,建立專案和搭建本地環境,連線服務端變得很容易,頁面ui也是一流 要怎麼啟動呢?在終端輸入命令列vue ui,啟動ui控制檯,然後往瀏覽器輸入終端報出的連結 輸入命令列vue ui,終端會報啟動資訊,這本來很正常。可是呢,今天不知道啥回事,輸...

vue實現標籤雲效果

最近想給自己的部落格上加上一個3d標籤雲的效果,用來表示自己部落格文章的分組,網上找到了canvas實現的,還有a元素實現的解析3d標籤雲,...

vue實現全選框效果

全選的checkbox點選的時候判斷這個checkbox的狀態,如果沒選中,說明下一個操作是選中所有 下面的每個checkbox判斷一下是否...