vue + element 多选下拉框 怎么进行数据绑定

Question

如题，我想要在获取到数据后，回显在下拉框中并且选中显示的选项（这里不知道为什么显示了两个一样的选项）

代码如下：

<el-form-item label="角色" prop="roleIds">
          <el-select v-model="info.roleIds" multiple placeholder="请选择">
            <el-option
              v-for="(item, index) in codeList.roleList"
              :key="index"
              :label="item.roleName"
              :value="item.roleId"
            />
          </el-select>
        </el-form-item>

数据源：

Answer 1

第二张图的数据源内 roleIds 就是 info.roleIds 吗？如果是的话，说明 v-model 绑定的值是错的，应该是成员为选项的value值的数组，如果不是的话，贴一下 info.roleIds 的值

Answer 2

value赋值问题？可以自己测下