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

Question

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]吃饭，请问有办法解决吗？

Answer 1

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