首页 > 其他 > 详细

vue select显示和赋值不一致处理方法

时间:2021-05-27 18:20:39      阅读:17      评论:0      收藏:0      [点我收藏+]

 

  • 如图,班级栏下拉框显示的是文字,而要发送给服务器的是对应的id

  • 技术分享图片
  • 前端代码

    <select class="form-control" id="sel1" v-model="addAttrs.gradeId">
         <option v-for="grade in grades":value="grade.id">{{grade.name}}</option>
    </select>
    • 注意在v-for后面加个冒号给value赋值,

vue select显示和赋值不一致处理方法

原文:https://www.cnblogs.com/zy00/p/14818027.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!