在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/網(wǎng)絡(luò)安全  HTML/ Vue的{{}}傳參,新手提問

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

圖片描述

items列表里面是一樣格式的對(duì)象,name,Content,color;圖片描述

我在初始界面兩個(gè)P標(biāo)簽上給的是第一條數(shù)據(jù)的Content值和name值;圖片描述
因?yàn)閷?shí)現(xiàn)的功能是點(diǎn)擊按鈕使內(nèi)容和作者改變;所以在一個(gè)button上加點(diǎn)擊事件change函數(shù),遍歷數(shù)據(jù)列表;但最終點(diǎn)擊按鈕只能變成第二條數(shù)據(jù),不能遍歷后面的;我是編程新手,請(qǐng)大神求救。。。
圖片描述
這是效果圖,內(nèi)容和作者只能改變一次,變成列表里面的第二條對(duì)象;

回答
編輯回答
獨(dú)白

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

2017年6月5日 04:38
編輯回答
小曖昧

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

2018年8月12日 11:24
編輯回答
幼梔

你的思想有點(diǎn)不太正確, 既然已經(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;// 重新回到第一條 ;這兩個(gè)看你的需求選擇。注意只寫一個(gè)哦
    }else{
        this.i = this.i+1;   // or this.i++
    }
    
}

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

2017年7月18日 07:21
編輯回答
臭榴蓮

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

2017年1月11日 14:05