<el-select v-model="form.roleIds" multiple placeholder="请选择">
<el-option
v-for="item in roleOptions"
:key="item.roleId"
:label="item.roleName"
:value="item.roleId"
:disabled="item.status == 1"
></el-option>
</el-select>
element-ui里的select下拉选择框组件。绑定的值时form.roleIds。支持多选,选择项是v-for动态渲染的。 key是roleId,显示的是roleName,value值是roleId,禁用status==1的。
这些看一下文档就行,属性都有介绍和作用
这就是一个下拉框,模型是form.roleIds。for循环roleOptions对象,key是roleId,显示的内容是roleName,value是roleId。