element中select多选回显

element中select多选回显

<el-table><el-button type="text"@click="editList(scope.row)">编辑</el-button></el-table>

<el-form-item label="任务类型" prop="type"><el-select
              v-model="form.type"
              filterable
              multiple
              clearable
              placeholder="请选择类型"><el-option
                v-for="(item, index) in options":key="index":label="item.label":value="item.value"></el-option></el-select></el-form-item>

<script>
  export default{data(){return{
        options:[{
          value:'选项1',
          label:'黄金糕'},{
          value:'选项2',
          label:'双皮奶'},{
          value:'选项3',
          label:'蚵仔煎'},{
          value:'选项4',
          label:'龙须面'},{
          value:'选项5',
          label:'北京烤鸭'}],}}}</script>

回显方法

getLstInteger(row){
      console.log(row,"回显");this.form ={...row,
        type:JSON.parse(row.type),};},

编辑方法

// 编辑editList(row){this.getLstInteger(row);},