<template>
<div class="tab-container">
<div class="filter-container" style="margin-bottom: 20px">
<el-select
placeholder="全部部门"
clearable
style="width: 150px"
class="filter-item"
v-model="questionForm.userGrades"
>
<el-option
v-for="item in getOrganList"
:key="item.id"
:label="item.organName"
:value="item.id"
></el-option>
</el-select>
</div>
</div>
</template>
<script>
//调用接口
import { getOrgan } from "@/api/alarm/query";
export default {
data() {
return {
questionForm: {
},
getOrganList: [],
};
},
created() {
//加载部门
this.getOrgan();
},
methods: {
//获取部门信息接口定义
getOrgan() {
const params &
vue渲染select下拉框的值
最新推荐文章于 2024-01-19 10:38:28 发布
本文介绍如何使用Vue.js从JSON数据动态渲染选项到HTML Select元素,实现数据绑定和交互更新。
摘要由CSDN通过智能技术生成