浅写:vs-select的传参方法,传递一整行参数,而不是单个
<template><div><div style="display: flex; justify-content: center;"><vs-button @click="ControlGroupAndRoleVisible"><i class='bx bxs-paint-roll'></i> 分配班级按钮</vs-button><vs-dialog not-close v-model="GroupAndRoleVisible"><template #header><div style="display: flex;flex-direction: column;align-items: center"><h4 class="not-margin">管理员您好请选择你需要分配的 <b>教员和班级</b></h4><vs-select v-model="selectedTeacher" placeholder="选择教员"><vs-option v-for="teacher in teachers" :key="teacher.id" :label="teacher.name" :value="teacher.name">{{ teacher.name }}</vs-option></vs-select><vs-select v-model="selectedClass" placeholder="选择班级"><vs-option v-for="clas in classes" :key="clas.id" :label="clas.classname" :value="clas.classname">{{ clas.classname }}</vs-option></vs-select><vs-button @click="assignClasss()" style="width: 200px"><i class='bx bxs-paint-roll'></i> 确认</vs-button></div></template></vs-dialog></div><vs-table><template #header><vs-input v-model="search" border placeholder="Search" /></template><template #thead><vs-tr><vs-th style="width: 200px" sort @click="users = $vs.sortData($event ,users, 'name')">教员名</vs-th><vs-th style="width: 200px" sort @click="users = $vs.sortData($event ,users, 'userNumber')">教员账号</vs-th><vs-th style="width: 200px" sort @click="users = $vs.sortData($event ,users, 'classid')">管理的班级Id</vs-th><vs-th style="width: 200px" sort @click="users = $vs.sortData($event ,users, 'groupid')">管理的班级名</vs-th><vs-th>操作区</vs-th></vs-tr></template><template #tbody><vs-tr:key="i"v-for="(tr, i) in $vs.getPage($vs.getSearch(users, search), page, max)":data="tr":is-selected="!!selected.includes(tr)"not-click-selectedopen-expand-only-td><vs-td>{{ tr.teacherNumber }}</vs-td><vs-td>{{ tr.teacherName }}</vs-td><vs-td>{{ tr.classid }}</vs-td><vs-td>{{ tr.className }}</vs-td><vs-td>{{ tr.roleid }}</vs-td><vs-td>{{ tr.completeTeam }}</vs-td></vs-tr></template><template #footer><vs-pagination v-model="page" :length="$vs.getLength(users, max)" /></template></vs-table></div>
</template>
<script>export default {data:() => ({search: '',page: 1,max: 10,active: 0,selected: [],users: [],GroupAndRoleVisible:false,Inputclassid:'',selectedTeacher:'' ,selectedClass:'' ,teachers:[] ,classes:[],}),methods:{GetAllUserInfo(){this.$ManagerApi.getTeacherClass().then(res=>{this.users=res.data.AllInfo}).catch(err=>console.log(err))this.$ManagerApi.selectAllClass().then(res=>{this.classes=res.data.dataobject}).catch(err=>console.log(err))this.$ManagerApi.findAllTeacher().then(res=>{this.teachers=res.data.dataobject}).catch(err=>console.log(err))},ControlGroupAndRoleVisible(){this.GroupAndRoleVisible=true},assignClasss(){console.log(this.teachers.find(teacher => teacher.name === this.selectedTeacher))}},mounted() {this.GetAllUserInfo();}}
</script><style></style>