vue如何优雅的获取可选选项对应的编码符号？

Question

如图选填部分可多选，每个病种对应一个编码，后台要求把编码用字符串逗号相隔传给他，应该如何操作？
tag: [{name:'高血压',tag:'Ba'},{name:'糖尿病',tag:'Bb'},{name:'结核病',tag:'Bc'},{name:'精神病',tag:'Bd'}],

Answer 1

let tag = [
    {name:'高血压',tag:'Ba'},
    {name:'糖尿病',tag:'Bb'},
    {name:'结核病',tag:'Bc'},
    {name:'精神病',tag:'Bd'}
]

data.tag = tag.map(t => [{...t, select: false}][0])

function submit() {
    ajax({
        data: data.tag.filter(t => t.select).map(t => t.tag).join(',')
    })
}

Answer 2

楼上回答了，我来说说 思路 声明一个变量结果Arr vue computed 处理选中的值 使用filter 过滤 赋值给变量Arr 然后join(',')