element-ui中el-select多选添加默认值

<el-select v-model="valueOne"  filterable multiple collapse-tags>
    <el-option
         v-for="item in selectionOne"
          :key="item.value"
          :label="item.label"
          :value="item.value"
    />
</el-select>

export default {
  data() {
    return {
      valueOne: [],
      selectionOne: [
        {
          value: "选项1",
          label: "黄金糕"
        },
        {
          value: "选项2",
          label: "双皮奶"
        },
        {
          value: "选项3",
          label: "蚵仔煎"
        },
        {
          value: "选项4",
          label: "龙须面"
        },
        {
          value: "选项5",
          label: "北京烤鸭"
        }
      ]
    };
  },
}

网上搜的大部分答案写的

  created() {
    this.valueOne.push(this.selectionOne[0].label);
    this.valueOne.push(this.selectionOne[1].label);
  }

效果图

前两选依然可以打勾选中

修改为

  created() {
    this.valueOne.push(this.selectionOne[0].value);
    this.valueOne.push(this.selectionOne[1].value);
  }

效果图

默认多项选中值