• <abbr id="chdyf"></abbr>
    <ruby id="chdyf"><acronym id="chdyf"><meter id="chdyf"></meter></acronym></ruby>
    <bdo id="chdyf"></bdo>
    <dfn id="chdyf"><menu id="chdyf"></menu></dfn>

    1. 

      <menuitem id="chdyf"></menuitem><strong id="chdyf"><menu id="chdyf"></menu></strong>
      <rt id="chdyf"><menu id="chdyf"></menu></rt>
      
成人小说一区二区三区,伊人精品成人久久综合全集观看,久久HEZYO色综合,中文字幕精品人妻熟女,影音先锋成人网站,我要看免费一级毛片,中国女人做爰A片,中文字幕av久久爽Av 
  
      
    

      

	
      
		
      
			
      
				
      vue.js — 解決添加重復(fù)數(shù)據(jù)報(bào)錯(cuò)問題
      
				
      
					
       2021-8-24      前端達(dá)人      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" ></script> </head> <body> <div id="box"> <input type="button" value="添加" @click="add"> <ul> <li v-for="val in arr"> {{val}} </li> </ul> </div> </body> <script> var vm = new Vue({
            data: {
                arr: ['apple','pear','orange']
            },
            methods:{
                add: function(){ //[Vue warn]: Duplicate value found in v-for="val in arr": "tomato".  //Use track-by="$index" if you are expecting duplicate values. //重復(fù)添加會(huì)報(bào)數(shù)據(jù)重復(fù)提示 this.arr.push('tomato');
                }
            }
        }).$mount('#box'); </script> </html>

        

    
      • 
        1
    
        • 

    
      • 
        2
    
        • 

    
      • 
        3
    
        • 

    
      • 
        4
    
        • 

    
      • 
        5
    
        • 

    
      • 
        6
    
        • 

    
      • 
        7
    
        • 

    
      • 
        8
    
        • 

    
      • 
        9
    
        • 

    
      • 
        10
    
        • 

    
      • 
        11
    
        • 

    
      • 
        12
    
        • 

    
      • 
        13
    
        • 

    
      • 
        14
    
        • 

    
      • 
        15
    
        • 

    
      • 
        16
    
        • 

    
      • 
        17
    
        • 

    
      • 
        18
    
        • 

    
      • 
        19
    
        • 

    
      • 
        20
    
        • 

    
      • 
        21
    
        • 

    
      • 
        22
    
        • 

    
      • 
        23
    
        • 

    
      • 
        24
    
        • 

    
      • 
        25
    
        • 

    
      • 
        26
    
        • 

    
      • 
        27
    
        • 

    
      • 
        28
    
        • 

    
      • 
        29
    
        • 

    
      • 
        30
    
        • 

    
      • 
        31
    
        • 

    
      • 
        32
    
        • 

    
      • 
        33
    
        • 


      

      

      
    
      
        當(dāng)我們點(diǎn)擊【添加】按鈕兩次之后，會(huì)出現(xiàn)如下報(bào)錯(cuò)信息
      
vue添加重復(fù)數(shù)據(jù)報(bào)錯(cuò)
    
      

      

      
    使用track-by解決添加重復(fù)數(shù)據(jù)報(bào)錯(cuò)問題

      

      <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/vue.js" ></script> </head> <body> <div id="box"> <input type="button" value="添加" @click="add"> <ul> <li v-for="val in arr" track-by='$index'> {{val}} </li> </ul> </div> </body> <script> var vm = new Vue({
            data: {
                arr: ['apple','pear','orange']
            },
            methods:{
                add: function(){ //[Vue warn]: Duplicate value found in v-for="val in arr": "tomato".  //Use track-by="$index" if you are expecting duplicate values. //重復(fù)添加會(huì)報(bào)數(shù)據(jù)重復(fù)提示 this.arr.push('tomato');
                }
            }
        }).$mount('#box'); </script> </html>

        

    
      • 
        1
    
        • 

    
      • 
        2
    
        • 

    
      • 
        3
    
        • 

    
      • 
        4
    
        • 

    
      • 
        5
    
        • 

    
      • 
        6
    
        • 

    
      • 
        7
    
        • 

    
      • 
        8
    
        • 

    
      • 
        9
    
        • 

    
      • 
        10
    
        • 

    
      • 
        11
    
        • 

    
      • 
        12
    
        • 

    
      • 
        13
    
        • 

    
      • 
        14
    
        • 

    
      • 
        15
    
        • 

    
      • 
        16
    
        • 

    
      • 
        17
    
        • 

    
      • 
        18
    
        • 

    
      • 
        19
    
        • 

    
      • 
        20
    
        • 

    
      • 
        21
    
        • 

    
      • 
        22
    
        • 

    
      • 
        23
    
        • 

    
      • 
        24
    
        • 

    
      • 
        25
    
        • 

    
      • 
        26
    
        • 

    
      • 
        27
    
        • 

    
      • 
        28
    
        • 

    
      • 
        29
    
        • 

    
      • 
        30
    
        • 

    
      • 
        31
    
        • 

    
      • 
        32
    
        • 

    
      • 
        33
    
        • 


      

      

      
    解決vue添加相同數(shù)據(jù)報(bào)錯(cuò)
      

      
    
      
        藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼ben_lanlan，報(bào)下信息，會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
    
      
文章來(lái)源：csdn
    
      
        分享此文一切功德，皆悉回向給文章原作者及眾讀者.
      
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
      
      
    
      
    
      
        藍(lán)藍(lán)設(shè)計(jì)( www.wtxcl.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
    
      

      				
      
								
			
      
		
      
		
		
	
      


      
    
  
      
    
      日歷
      
    
      
        
      
        
    
      
  
      
    
    
      
      
      鏈接
      
      
        
                
      
    
      
    
      
      
      個(gè)人資料
      
      
    
      
    
      
      
      存檔