鍍金池/ 問答/HTML/ vue如何優(yōu)雅的獲取可選選項對應(yīng)的編碼符號?

vue如何優(yōu)雅的獲取可選選項對應(yīng)的編碼符號?

圖片描述

如圖選填部分可多選,每個病種對應(yīng)一個編碼,后臺要求把編碼用字符串逗號相隔傳給他,應(yīng)該如何操作?
tag: [{name:'高血壓',tag:'Ba'},{name:'糖尿病',tag:'Bb'},{name:'結(jié)核病',tag:'Bc'},{name:'精神病',tag:'Bd'}],

回答
編輯回答
雅痞

樓上回答了,我來說說 思路 聲明一個變量結(jié)果Arr vue computed 處理選中的值 使用filter 過濾 賦值給變量Arr 然后join(',')

2018年3月8日 20:51
編輯回答
初念
let tag = [
    {name:'高血壓',tag:'Ba'},
    {name:'糖尿病',tag:'Bb'},
    {name:'結(jié)核病',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(',')
    })
}
2018年7月9日 13:50