鍍金池/ 問答/HTML/ 做類似于答題的功能,vue從后臺獲取到數(shù)據(jù),怎么處理問題

做類似于答題的功能,vue從后臺獲取到數(shù)據(jù),怎么處理問題

1.從后臺獲取到的數(shù)據(jù)后放到視圖上去,怎么添加的了標(biāo)簽?

{
    "code": "101",
    "content": "1.每年收入約______萬元,主要來源:工薪、私營、證券投資、銀行利息、農(nóng)業(yè)收入、其他:______。",
    "onlyFill": 1,
    "insured": 0,
    "insurer": 0,
    "trueFill": 0,
    "sequence": 1
  },

怎么讓這條數(shù)據(jù)在視圖上顯示成橫桿可以輸入文字,后面的主要來源顯示成單選框,選其他自己可以在橫線上輸入。

回答
編輯回答
默念

你需要先設(shè)計一個良好的結(jié)構(gòu):

{
    "no": 1,
    "question": "每年收入約{{edit}}萬元,主要來源:{{select}}。",
    "extr": {    // 在題目中有預(yù)留位需要綁定的數(shù)據(jù)時在這里定義,或者你自行設(shè)計。
            "select": [
                "工薪",
                "私營",
                "證券投資",
                "銀行利息",
                "農(nóng)業(yè)收入",
                "其他"
            ],
    }
    ...
}

然后讀到該數(shù)據(jù)時,檢查到 {{edit}} 標(biāo)識就拼一個 <input type="text" />,{{select}} 標(biāo)識就拼一個 <select></select>。

<select/> 里根據(jù) data["extra"]["select"] 去做一個列表,然后你可能需要做個鉤子或者 "其他{{edit}}" 這樣來標(biāo)識選到它時需要一個編輯框。

總的來說,你要自己設(shè)計一套小機制來做這件事,因為這種動態(tài)拼接題目,而且選項還會影響元素結(jié)構(gòu)的,就我貧乏的知識面而言沒見到過能解決這類問題的通用庫,可能只能自己寫。

2017年9月2日 09:51