el-checkbox多选时默认赋值

值给成对象时,value-key必填,给定的默认值必须是options数组里面的项
在这里插入图片描述
在这里插入图片描述

<template>
  <div>
    <el-select v-model="value" multiple @change="change" value-key="key">
      <el-option v-for="item in options" :key="item.key" :label="item.label" :value="item"></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
     
     
  data() {
     
     
    return {
     
     
      value: [
        {
     
     
          label: "测试一",
          value: "测试一",
          key: "66666",
        },
      ],
      options: [
        {
     
     
          label: "测试一",
          value: "测试一",
          key: "66666",
        },
        {
     
     
          label: "测试2",
          value: "测试2",
          key: "8888",
        },
      ],
    };
  },
  methods: {
     
     
    change(val) {
     
     
      console.log(val);
    },
  },
};
</script>

效果
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_35958891/article/details/107927549