vue如何實(shí)現(xiàn)搜索出現(xiàn)用戶信息的效果

我理解的是
點(diǎn)擊搜索按鈕，驗(yàn)證手機(jī)號(hào) 或 會(huì)員卡號(hào)的格式是否正確，以及是否都為空，
驗(yàn)證錯(cuò)誤，彈出提示，結(jié)束搜索，
驗(yàn)證正確，向后臺(tái)發(fā)送請(qǐng)求，

       返回?cái)?shù)據(jù)為空，或者返回錯(cuò)誤，錯(cuò)誤提示
       返回有正確數(shù)據(jù)，填充到 會(huì)員信息的相關(guān)dom 中，利用 v-if/v-show 顯示用戶信息。

這種需求一般都是用戶輸入手機(jī)號(hào)或者會(huì)員卡號(hào)，點(diǎn)擊搜索后發(fā)送請(qǐng)求，后臺(tái)查詢相關(guān)數(shù)據(jù)庫(kù)后返回相應(yīng)的數(shù)據(jù)，前端再根據(jù)返回的數(shù)據(jù)進(jìn)行顯示，沒有查詢到的話就顯示相應(yīng)提示，這個(gè)視具體需求而定。