Vue的{{}}傳參，新手提問

為何change方法要去循環(huán)遍歷數(shù)組？你想實現(xiàn)的功能是點擊一下，換一個，再次點擊，再換一個，一直到列表的最后？

你點擊一次 循環(huán)了整個數(shù)組 每次都是最后一個值 當(dāng)然都是一樣的

你的思想有點不太正確， 既然已經(jīng)有item 數(shù)據(jù)了， 只要操作結(jié)構(gòu)就行了

return{
    i: 0, // 控制數(shù)據(jù)的變量
    item:[]  // 你的數(shù)據(jù)
}

結(jié)構(gòu)：
{{item[i].name}}
{{item[i].content}} //  用 i  控制顯示 item 數(shù)組中的第幾條數(shù)據(jù)

方法：
change(){
    if (this.i >= this.ltem.length){
        this.i = this.ltem.length; // 保留最后一條，不輪詢
        this.i = 0;// 重新回到第一條 ;這兩個看你的需求選擇。注意只寫一個哦
    }else{
        this.i = this.i+1;   // or this.i++
    }
    
}

最后你控制的僅僅是一個i;而不是去操作別的東西

我的想法是這樣。在data里面新建一個content和一個name，兩個P標(biāo)簽分別綁定到這兩個值上。再在data里面設(shè)置一個index表示當(dāng)前數(shù)據(jù)是第幾條，在P標(biāo)簽上綁定到items[index]上。change函數(shù)里面去動態(tài)改變index的值就行了。比如index++一條條往下顯示，或者隨機，這要看你自己了。