<template>

     <div class="artcle">

       <el-form

         label-width="100px"

         :model="testForm">

         <el-form-item

           v-for="(vtem, index) in testForm.version"

           :key="index"

           label="命令版本">

           <el-select

             @change="comChange"

             v-model="vtem.ver">

             <el-option

               v-for="item in versionList"

               :key="item.id"

               :value="item.id"

               :disabled="item.id == vtem.ver || selectedArr.includes(item.id)"

               :label="item.name">

             </el-option>

           </el-select>

           <el-button

             icon="el-icon-circle-plus-outline"

             size="small"

             @click="add(index)"

             circle></el-button>

           <el-button

             icon="el-icon-remove-outline"

             size="small"

             @click="remove(index)"

             :disabled="index === 0"

             circle></el-button>

         </el-form-item>

         <el-form-item

           label="测试输入框">

           <el-input

             v-model="testForm.input"></el-input>

         </el-form-item>

       </el-form>

     </div>

 </template>

 export default {

   name: 'home',

   data () {

     return {

       selectedArr: [], // 作为判断是否重复的数组

       testForm: {

         version: [

           { ver: '' }

         ],

         input: ''

       },

       versionList: [

         { id: 1, name: '1.1' },

         { id: 2, name: '1.2' },

         { id: 3, name: '1.3' }

       ]

     }

   },

   methods: {

     add () {

       let version = this.testForm.version

       if (version.length < this.versionList.length) {

         this.testForm.version.push({

           ver: ''

         })

       } else {

         alert('命令版本就三条')

       }

     },

     remove (index) {

       this.selectedArr.splice(index, 1)

       this.testForm.version.splice(index, 1)

     },

   // 下拉改变时

     comChange (index) {

       this.selectedArr = []

       for (let item of this.testForm.version) {

         if (item.ver) {

           this.selectedArr.push(item.ver)

         }

       }

     }

   }

 }