element-ui 中 el-select组件相关绑定值问题

数据: list:[{name: '小红', age: 10}, {name: '小光', age: 12}]

渲染:
<el-select v-model="selectVal"> 
   <el-option v-for="(item, index) in list" :key="index" :label="`${item.name}-${item.age}`" :value="item.age"></el-option>
</el-select>

其中label的绑定值方式用了es6模板字符串的形式, 把2个变量(名字和年龄)值拼到一起,就实现了如下面图片的效果, 想问,如果不用es6的模板字符串, 有其他方式可以实现下面图的效果, 把label值用2个变量拼到一起呢?? 请大伙帮忙看看看看

clipboard.png

阅读 5.2k
1 个回答
<el-select v-model="selectVal"> 
   <el-option v-for="(item, index) in list" :key="index" :label="item.name + '-' + item.age" :value="item.age"></el-option>
</el-select>
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题