el-select获取选中的下标索引

最新推荐文章于 2024-05-21 20:04:47 发布

CV猿码人

最新推荐文章于 2024-05-21 20:04:47 发布

阅读量2.5k

点赞数 1

文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/weixin_51722520/article/details/129029433

版权

            <el-form-item
              label="隐患单位"
              prop="hiddenCompanyId"
            >

              <el-select
                v-model="inputForm.hiddenCompanyId"
                ref="hiddenCompanyId"
              >

                <el-option
                  v-for="(company ,index) in companyList"
                  :key="company.id"
                  :label="company.companyName"
                  :value="company.id"
                  @click.native ="getHiddenCompanyId(index)"
                ></el-option>

              </el-select>

            </el-form-item>

@click.native ="getHiddenCompanyId(index)" 获取索引

最主要的是 v-for="(company ,index) in companyList"

在v-for中company 是想要循环的对象，而 index 是自己创建的索引，从0开始，根据选中的下拉选项返回。