vue頭部導(dǎo)航動態(tài)點(diǎn)擊處理方法

1：DATA中兩個(gè)變量，

創(chuàng)新互聯(lián)專注于衡東企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),成都商城網(wǎng)站開發(fā)。衡東網(wǎng)站建設(shè)公司,為衡東等地區(qū)提供建站服務(wù)。全流程按需定制設(shè)計(jì)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

data: {
       nav:['頭條1','頭條2'],
       ins:0,//記錄當(dāng)前點(diǎn)擊的INDEX
      },

2：              

 
{{item}}

3：mothods:

topClick:function(i){
        var t=this;
        t.ins=i;
      },

ps：下面看下vue實(shí)現(xiàn)動態(tài)頭部

h6項(xiàng)目中，經(jīng)常用到的頭部是樣式是一致的，只是左右按鈕和中間標(biāo)題會不一致。

vue主打組件化，為了減少代碼冗余，可以將頭部提取成一個(gè)單獨(dú)的組件。接下來考慮是否需要左右按鈕，是否固定在頁面上不動，中間標(biāo)題是否為動態(tài)。

先寫一個(gè)簡單的頭部，position設(shè)置成變量customFixed。左右按鈕通過來控制。中間標(biāo)題設(shè)置成變量customTitle通過父子組件傳值過來。

設(shè)置好樣式以后給customFixed和customTitle默認(rèn)值和類型。

在用到頭部的地方：

 

總結(jié)

以上所述是小編給大家介紹的vue頭部導(dǎo)航動態(tài)點(diǎn)擊處理方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！