如何做适合手机访问的网站,织梦做的网站删除,开发一个网站需要多长时间,淘宝上做网站行吗大家好#xff0c;我是雄雄#xff0c;欢迎关注微信公众号#xff1a;雄雄的小课堂。 项目场景#xff1a;
正如题目所说#xff0c;今天在项目过程中遇到了个需求#xff0c;因为需要在前台展示运动员的名称#xff0c;但是运动员的编号在别的地方还需要使用#xff… 大家好我是雄雄欢迎关注微信公众号雄雄的小课堂。 项目场景
正如题目所说今天在项目过程中遇到了个需求因为需要在前台展示运动员的名称但是运动员的编号在别的地方还需要使用所以想了想还是将编号和名称一并添加到数据库中到时候拿的时候也比较方便。就不用在根据编号查询一遍呢了接口是外部的重新查的话会影响效率
使用的技术element-ui的el-select标签
问题描述
下面是下拉列表展示的代码
el-form-item label人员名称 el-selectv-modelfanganform.pbeizhumultipleplaceholder请选择运动员:style{width: 93%}el-optionv-foritem in athlist:keyitem.id:labelitem.aname:valueitem.id/el-option/el-select/el-form-item效果如下 要想获取value值很简单直接提交表单默认就是获取的value但是现在还需要获取label的值该如何获取呢
思路分析
给下拉列表添加改变**change**事件当option选项改变时触发根据value值遍历数据源中的name即可。
解决方案
1.添加el-select的change事件。
el-form-item label人员名称 el-selectchangegetPeoplesv-modelfanganform.pbeizhumultipleplaceholder请选择运动员:style{width: 93%}el-optionv-foritem in athlist:keyitem.id:labelitem.aname:valueitem.id/el-option/el-select/el-form-item2.methods中在getPeoples方法中写遍历数据源的代码然后给变量中赋值即可。
//获取运动员名称(根据选择下拉列表)--添加方案getPeoples(val){var names ;for(let i0;ival.length-1;i){this.athlist.find((item){if(item.id val[i]){namesitem.aname,;}});}this.fanganform.ppersons names;},希望能帮助到你今天的分享就到这里啦我们明天在见。
