文章詳情頁
javascript - vuejs中實現列表單選(樣式改變)
瀏覽:215日期:2022-11-26 14:46:50
問題描述
初始選中第一個
但現在選中另一個其他被選中的不取消選中樣式
代碼如下
請問是哪里出了問題,我的理解是改變了clickindex后界面重新渲染,然后其它cell的index和clickindex不等則會賦予正常的樣式,但好像并不是這樣
問題解答
回答1:這個 clickindex 和 this.index 都是在列表項的組件上的吧?所以導致的問題。
應該把clickindex保存在列表那個組件上,然后通過props傳進列表項中。而點擊事件則應冒泡到列表組件中,然后讓列表組件修改clickindex。
回答2:vue 是用數據驅動試圖的 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 } } } 這事我寫的方法
標簽:
JavaScript
上一條:html5 - UC瀏覽器上,我做的頁面有一個輸入框,點擊輸入框,頭部標題欄直接落下來了,移位了!下一條:javascript - sessionstorage,localstorage在移動端的兼容性怎么樣?
相關文章:
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~4. javascript - nodejs關于進程間發送句柄的一點疑問5. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?6. 實現bing搜索工具urlAPI提交7. 配置Apache時,添加對PHP的支持時語法錯誤8. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化9. javascript - 移動端上不能實現拖拽布局嗎?10. phpstudy8.1支持win11系統嗎?
排行榜

網公網安備