Javascript Vue JS：在简单的Vue示例中，如何将复选框与相关的select绑定？

我对用户有一个概述。在我的示例中，用户可以选择用户列表并选择个人角色

但我真的不明白如何让这个示例在Vue JS中工作。因此，我获得了所选用户ID及其选择器角色ID的概述

谁能帮助并使这个例子起作用

var数据={
用户：{
{id:1，名字：'John'}，
{id:2，名称：'Donald'}
},
角色：{
{id:1，名称：'管理员'}，
{id:2，名称：'Editor'}
},
表格：{
用户：{
}
}
}
var demo=新的Vue({
el:'演示'，
数据：数据
})

添加新用户：
{{user.name}
{{role.name}


所选用户+角色：
用户ID:{{f.ID}
角色id:{f.Role\u id}

我不确定您在哪种环境下使用此功能。但是Vue是一个数据驱动的框架，如果您的目的是与已被检查并具有角色的用户一起做一些事情，那么您可以将重点放在用户身上。这是一个非常基本的示例，但希望它能帮助您开始

var数据={
用户：[
{id:1，名称：'John'，检查：false，角色：''}，
{id:2，名称：'Donald'，检查：false，角色：''}
],
角色：[
{id:1，名称：'管理员'}，
{id:2，名称：'Editor'}
],
};
var demo=新的Vue({
el:'演示'，
数据：数据，
计算：{
checkUsers:function（）{
返回此.users.filter（函数（用户）{
返回user.check==true；
})
}
}
})

JS-Bin
添加新用户：
{{user.name}
{{role.name}


所选用户+角色：
{{user.name}
{{user.role}}

我不确定您在哪种环境下使用此功能。但是Vue是一个数据驱动的框架，如果您的目的是与已被检查并具有角色的用户一起做一些事情，那么您可以将重点放在用户身上。这是一个非常基本的示例，但希望它能帮助您开始

var数据={
用户：[
{id:1，名称：'John'，检查：false，角色：''}，
{id:2，名称：'Donald'，检查：false，角色：''}
],
角色：[
{id:1，名称：'管理员'}，
{id:2，名称：'Editor'}
],
};
var demo=新的Vue({
el:'演示'，
数据：数据，
计算：{
checkUsers:function（）{
返回此.users.filter（函数（用户）{
返回user.check==true；
})
}
}
})

JS-Bin
添加新用户：
{{user.name}
{{role.name}


所选用户+角色：
{{user.name}
{{user.role}}

我怀疑您想要的与我在下面所做的有些相似：

var数据={
用户：[
{id:1，名字：'John'}，
{id:2，名称：'Donald'}
],
角色：[
{id:1，名称：'管理员'}，
{id:2，名称：'Editor'}
],
表格：{
用户：[]
}
}
var demo=新的Vue({
el:'演示'，
数据：数据，
已创建：函数（）{
this.form.users=this.users.map（el=>{
返回{
id:el.id，
角色：“”，
勾选：假
};
});
}
});

添加新用户：
{{user.name}
{{role.name}


所选用户+角色：
用户ID:{{f.ID}->角色ID:{{f.Role}
我怀疑您想要的与我在下面所做的有些相似：


var数据={
用户：[
{id:1，名字：'John'}，
{id:2，名称：'Donald'}
],
角色：[
{id:1，名称：'管理员'}，
{id:2，名称：'Editor'}
],
表格：{
用户：[]
}
}
var demo=新的Vue({
el:'演示'，
数据：数据，
已创建：函数（）{
this.form.users=this.users.map（el=>{
返回{
id:el.id，
角色：“”，
勾选：假
};
});
}
});

添加新用户：
{{user.name}
{{role.name}


所选用户+角色：
用户ID:{{f.ID}->角色ID:{{f.Role}
1。用户对象中的id是用户id吗？2.角色对象中的id是角色id吗？3.您想要用户下拉列表吗？4.是否希望选中角色复选框作为所选用户（在下拉列表中被选中的用户）的角色？@shivam Singh 1。是的。是的。不，我将生成这样的结果：“所选用户：{user\u id:1，role\u id:2}，{user\u id:2，role\u id:1}”角色下拉列表是否需要添加到最终列表结果中？@感受噪音：每个用户的角色下拉列表：如果我有10个用户，我有10个角色下拉列表。@angelique000签出我的答案，也许这对你有帮助1.用户对象中的id是用户id吗？2.角色对象中的id是角色id吗？3.你想下拉列表吗