vue 中下拉select怎样给后台传递用户选择的物品id

最新推荐文章于 2024-07-18 10:17:47 发布

weixin_30559481

最新推荐文章于 2024-07-18 10:17:47 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 后端前端 ViewUI

原文链接：http://www.cnblogs.com/zhx119/p/10082784.html

本文介绍在Vue项目中如何通过v-model和v-for动态绑定select的option，并在用户选择时通过@change事件获取选中项的netID，以便于后台进行相应操作。

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

在泰康保险公众号项目中有个问题是用户选择select中的option，要把对应的id给后台以便后台工作作出相应的效果，我是这样的

<select v-model="selectcomunity" @change="selectnet" class="selectcommuity">
  <option value="">请选择</option>
  <option v-for="(item,index) of community" :value="item.netID" :key="index">{{item.netName}}</option>
</select>
将后台给我的数据放到一个数组中，数组中有名字和netId,这样通过：绑定对应的netID,这样通过方法selectnet就可以获取对应的netID,如果后台没有id,则显示的是对应的option的具体内容
后台主要是要用户选择的netID,把netId给后台它们才能做相应的操作。

转载于:https://www.cnblogs.com/zhx119/p/10082784.html