若依框架使用之新增页面下拉框关联其他表数据

前端页面，有个新增功能，打开新增页面，下拉框选择的数据来自数据库的另一个表，且带有树形结构。

前端代码：

1.新增页面下拉框

<el-col :span="12">
  <el-form-item label="专业编号" prop="zyId">
    <treeselect v-model="form.zyId" :options="zyOptions" :show-count="true" placeholder="请选择专业" />
  </el-form-item>

2.引用Treeselect

import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";

3.export default {} 里面声明

components: { Treeselect },

4.data返回

zyOptions: []  对应新增页面的options

5.方法

getZyTreeselect() {
  zyTreeselect().then(response => {
    this.zsdOptions = response.data;
  });

6.js页面方法

export function zyTreeselect() {
  return request({
    url: '/resource/kc/zyTreeselect',
    method: 'get'