1：DATA中兩個變量，

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

data: {
       nav:['頭條1','頭條2'],
       ins:0,//記錄當前點擊的INDEX
      },

2：              

 
{{item}}

3：mothods:

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

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

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

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

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

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

在用到頭部的地方：

 

總結(jié)

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