v-model綁定動態字段


這邊子組件使用多次  如何將這些值搞到一起 不能讓我一個個寫變量吧;

  <el-form v-for="(item,index) in formList" :key="index">
        <el-form-item :label="'玩家'+(index+1) +':'" >
          <el-input v-model="item.playerID" placeholder="玩家ID"></el-input>
        </el-form-item>
        <el-form-item label="分數:">
          <el-input  v-model="item.score"></el-input>
        </el-form-item>
      </el-form>

 formList:[
          {
            id:'1',
            playerID:'',
            score:''
          },
           {
            id:'2',
            playerID:'',
            score:''
          },
           {
            id:'3',
            playerID:'',
            score:''
          },
           {
            id:'4',
            playerID:'',
            score:''
          },
           {
            id:'5',
            playerID:'',
            score:''
          },
           {
            id:'6',
            playerID:'',
            score:''
          },
           {
            id:'7',
            playerID:'',
            score:''
          },
           {
            id:'8',
            playerID:'',
            score:''
          },
          {
            id:'9',
            playerID:'',
            score:''
          },
          {
            id:'10',
            playerID:'',
            score:''
          }
        ]

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM