前端查询页面会有许多下拉框需要从后端拉取数据显示,考虑封装一个组件进行使用。
props中定义的是组件使用方可以传递的数据,组件封装比较简陋,从后端查询数据的代码可自行更改。
<template>
<div>
<el-select v-model="svalue" :placeholder="text" filterable>
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</div>
</template>
<script>
import {
loadDictionaryIdAndValueList,
loadSubjectTypeIdAndNameList,
loadCategoryIdAndNameList
} from "../../api/index";
export default {
name: "tlSelect",
data() {
return {
options: [],
svalue: "",
text: "",
commonRequest: {
requestHead: {
version: "",
businessType: "",
deviceId: "",
deviceType: "",