寶慕林4294392
2022-08-27 13:49:37
我正在處理此表單,根據(jù)在組合框中選擇的內(nèi)容,將顯示另一個(gè)組合框或輸入字段。并且應(yīng)該禁用該按鈕,直到在該組合框中選擇了某些內(nèi)容或輸入的長(zhǎng)度超過(guò)3。我不能讓最后一點(diǎn)工作。我試過(guò)這個(gè):<button type="submit" class="btn btn-primary btn-block" :disabled="clientNumberInput.length < 3 || selectedClient === null">{{labels.lblButtonSearch}}</button>這個(gè)計(jì)算屬性:searchButtonEnabler() { if (this.clientNumberInput.length < 3 || this.selectedClient === null) return true else return false}但它不起作用。我相信這是因?yàn)镺R在Javascript中的工作方式。但是我想不出任何其他方法來(lái)做到這一點(diǎn)。編輯:根據(jù)要求,im添加輸入字段代碼。<input v-if="selectedSearchByFilter != null && selectedBusiness.id == 3 && selectedSearchByFilter.id == 2" name="clientNumber" type="text" class="form-control" v-model="clientNumberInput"/>客戶端編號(hào)輸入的值通過(guò) v 模型進(jìn)行更新。我有兩個(gè)p標(biāo)簽,顯示客戶端NumberInput和selectedClient的值,它們按預(yù)期工作。
2 回答

青春有我
TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超8個(gè)贊
我最初誤解了“禁用,直到在該組合框中選擇了某些內(nèi)容或輸入的長(zhǎng)度超過(guò)3”。實(shí)際上你需要(或clientNumberInput.length < 3 && selectedClient === null
clientNumberInput.length < 3 && !selectedClient
)
邏輯:
已啟用 = 數(shù)字 ||客戶
所以:已禁用 = !啟用 = ?。蛻舳藎|號(hào)) = !數(shù) && !客戶端

瀟瀟雨雨
TA貢獻(xiàn)1833條經(jīng)驗(yàn) 獲得超4個(gè)贊
這是你的對(duì)象應(yīng)該是什么樣子的,
selectedSearchByFilter: {id:2},
selectedBusiness: { id:3}
試試這個(gè)小提琴鏈接
添加回答
舉報(bào)
0/150
提交
取消