vue获取select下拉框的值和文本（Key,Value）

最新推荐文章于 2025-06-16 17:51:37 发布

qq_41413619

最新推荐文章于 2025-06-16 17:51:37 发布

阅读量4.1w

点赞数 3

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue selecct 下拉框

本文链接：https://blog.youkuaiyun.com/qq_41413619/article/details/92838778

vue 专栏收录该内容

2 篇文章

订阅专栏

博客聚焦于解决问题，涉及Vue相关内容，包含html和js部分，推测是要解决Vue下拉框相关问题，属于前端开发领域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

话不多说，解决问题是关键，直接开干：

html:

<div class="layui-form-item">
    <div class="layui-inline">
	<label class="layui-form-label">型号</label>
	    <div class="layui-input-inline" style="height:10px">
		<el-select v-model="modelId" @change="selectModel($event)" filterable collapse-tags   placeholder="请选择型号">
		<el-option :value="item.id" v-for="(item,index) in model" :key="item.id" :label="item.model" ></el-option>
		</el-select>
	    </div>
    </div>
</div>

js:

selectModel(id){
    let obj = {};
    obj = this.model.find((item)=>{//model就是上面的数据源
        return item.id === id;//筛选出匹配数据
    });
    vm.modelName=obj.model;
    console.log("modelName"+vm.modelName)
}