<!--封装部门选择的插件 需要的组件--> <template> <el-select :value="value" placeholder="请选择所属栏目" @change="handleChange"> <!--注意用户的返回值--> <el-option v-for="value in column" :label="value" :value="value"></el-option> </el-select> </template> <script> import { getAction } from "@/api"; export default { name: "SelectLabel", /*用于和父组件通信*/ props: { value: String }, model: { prop: "value", event: "change" }, data() { return { /*存储所属的数据*/ column:[] }; }, created() { /*请求方法*/ this.list(); }, methods: { list() { /*请求接口的方法*/ getAction("/department/attribute/1").then(res => { console.log(1) console.log(res.data.column) this.column=res.data.column }); }, /*方法调用*/ handleChange(val) { this.$emit("change", val); } } }; </script> <style scoped></style>