element+select 二级联动下拉框前后端分离

yououa

已于 2022-05-26 11:46:55 修改

阅读量1.7k

点赞数 2

文章标签： elementui vue.js javascript

于 2022-05-25 09:34:30 首次发布

本文链接：https://blog.youkuaiyun.com/yououa/article/details/124959641

版权

<template>
<el-col :span="8">
  <el-form-item label="项目类型" prop="itemType">
    <el-select v-model="form.itemType" placeholder="请选择项目类型" @change="changeItemType">
      <el-option
        v-for="dict in itemTypeOptions"
        :key="dict.dictValue"
        :label="dict.dictLabel"
        :value="parseInt(dict.dictValue)"
      />
    </el-select>
  </el-form-item>
</el-col>
<el-col :span="8">
  <el-form-item label="项目小类" prop="itemTypeSmall">
    <el-select v-model="form.itemTypeSmall" placeholder="请选择项目小类">
      <el-option
        v-for="dict in itemTypeSmallOptions"
        :key="dict.dictValue"
        :label="dict.dictLabel"
        :value="parseInt(dict.dictValue)"
      &