问答

antd vue a-select下拉框数据回显的问题

作者:admin 2021-05-06 我要评论

data: [ {code: 1, name: '吃饭'}, {code: 2, name: '睡觉'}, {code: 3, name: '唱歌'}, {code: 4, name: '逛街'}]a-select a-select-option v-for="(d, index) ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
data: [
    {code: 1, name: '吃饭'},
    {code: 2, name: '睡觉'},
    {code: 3, name: '唱歌'},
    {code: 4, name: '逛街'}
]

<a-select>
    <a-select-option
         v-for="(d, index) in data"
         :value="d.code"
         :title="`[${d.code}]${d.name}`"
     >{{ `[${d.code}]${d.name}` }}</a-select-option>
</a-select>

假如选中第一项({code: 1, name: '吃饭'})后,想在select框中只显示1,但实际显示的是[1]吃饭,请问有办法解决吗?

###

那就是把[${d.code}]${d.name}改成[${d.code}]

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • antd vue a-select下拉框数据回显的问

    antd vue a-select下拉框数据回显的问

  • shell 怎么把docker返回结果存入到变量

    shell 怎么把docker返回结果存入到变量

  • Vue3 setup中定义一个响应式数据,外边

    Vue3 setup中定义一个响应式数据,外边

  • 请教一个用axios formdata express nod

    请教一个用axios formdata express nod

腾讯云代理商
海外云服务器