字典项匹配值

 

 

代码：

  <el-form :model="form" ref="formRef" label-width="auto">

        <el-row :gutter="20">         

            <el-col :span="6" >

                <el-form-item label="运营商">

                  <el-select v-model="form.ispId" placeholder="请选择运营商" clearable                          @clear="handleClear" >

                    <el-option  v-for="(item, index) in ispIdList" :key="index" :label="item.name"                         :value="item.code" />

                  </el-select>

                </el-form-item>

            </el-col>

        </<el-row>

</el-form>

选择运营商后 将选中的内容也展示到页面：

   // 根据 ispId 获取名称

    const getIspNameById = (id) => {

        const isp = ispIdList.value.find(item => item.code === id)

        return isp ? isp.name : ''

    }

<h1>{{ getIspNameById(form.ispId) }}</h1>