文章詳情頁
javascript - vuejs中實(shí)現(xiàn)列表單選(樣式改變)
瀏覽:210日期:2022-11-26 14:46:50
問題描述
初始選中第一個(gè)
但現(xiàn)在選中另一個(gè)其他被選中的不取消選中樣式
代碼如下
請問是哪里出了問題,我的理解是改變了clickindex后界面重新渲染,然后其它c(diǎn)ell的index和clickindex不等則會(huì)賦予正常的樣式,但好像并不是這樣
問題解答
回答1:這個(gè) clickindex 和 this.index 都是在列表項(xiàng)的組件上的吧?所以導(dǎo)致的問題。
應(yīng)該把clickindex保存在列表那個(gè)組件上,然后通過props傳進(jìn)列表項(xiàng)中。而點(diǎn)擊事件則應(yīng)冒泡到列表組件中,然后讓列表組件修改clickindex。
回答2:vue 是用數(shù)據(jù)驅(qū)動(dòng)試圖的 methods: {
incrementTotal: function (a) { for(let i=0;i<this.list.length;i++){ if(i==(a-1)){ this.list[i].Active=true }else { this.list[i].Active=false } } } 這事我寫的方法
標(biāo)簽:
JavaScript
上一條:html5 - UC瀏覽器上,我做的頁面有一個(gè)輸入框,點(diǎn)擊輸入框,頭部標(biāo)題欄直接落下來了,移位了!下一條:javascript - sessionstorage,localstorage在移動(dòng)端的兼容性怎么樣?
相關(guān)文章:
1. debian - docker依賴的aufs-tools源碼哪里可以找到啊?2. dockerfile - 我用docker build的時(shí)候出現(xiàn)下邊問題 麻煩幫我看一下3. angular.js使用$resource服務(wù)把數(shù)據(jù)存入mongodb的問題。4. docker gitlab 如何git clone?5. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個(gè)是怎么回事????6. macos - mac下docker如何設(shè)置代理7. javascript - 連續(xù)點(diǎn)擊觸發(fā)mouseleave事件8. docker網(wǎng)絡(luò)端口映射,沒有方便點(diǎn)的操作方法么?9. docker start -a dockername 老是卡住,什么情況?10. docker api 開發(fā)的端口怎么獲取?
排行榜

熱門標(biāo)簽
網(wǎng)公網(wǎng)安備