【无标题】解决element UI select multiple多选下拉框， 赋值和传值到后台处理操作

下拉框代码如下：

 

<el-form-item label="检查人员组成" prop="jcryzc"

      :rules="[ ]">

    <el-select v-model="inputForm.jcryzc" multiple  placeholder="请选择"  style="width: 100%;" >              <el-option

                v-for="item in options2"

                :key="item.id"

                 :label="item.xm"

                  :value="item.id">

             </el-option>

         </el-select>

 </el-form-item>

将后端返回的字符串在转换成数组时，转换成整形数组，下拉框即可正确显示。
代码如下：

 

var arrIntSet = []

if (data.swcYfZfjcxxb.jcryzc != null && data.swcYfZfjcxxb.jcryzc !== '') {

      var arrString = data.swcYfZfjcxxb.jcryzc.split(',')

          for (var arrInt in arrString) {

               arrIntSet.push(arrString[arrInt])

          }

  }

  this.inputForm.jcryzc = arrIntSet

数据保存传值到后台，代码如下：

let s = []

for (var i = 0; i < this.inputForm.jcryzc.length; i++) {

      s.push(this.inputForm.jcryzc[i])

}

this.inputForm.jcryzc = s.join()