如何在element元件中的select下拉選擇框,首次賦值時觸發@selected事件
阿新 • • 發佈:2021-08-02
專案中遇到一個下拉選擇框在選擇後帶出其關聯的選擇框的值。
進入這個介面會自動賦值給收款供應商,通過選擇如何手動選擇收款供應商會自動帶出收款銀行名稱和賬號
要求進去這個頁面時帶出收款供應商時,同時帶出收款銀行名稱和賬號
watch: { //generatingForm.supplierName是收款供應商繫結的值 'generatingForm.supplierName': { handler(newName, oldName) { this.createPaymenSupplierNameCombo(this.rowSelect.supplierName) console.log(this.generatingForm.supplierName) console.log('workKKKKKKKKKKKKKK') }, deep: true, // immediate: true } }
監聽收款供應商的值,在第一次賦值時就呼叫@selected事件,這樣就可以完成上面的要求
當清除收款供應商的值時,收款銀行名稱和地址都不會清除,也無法手動清除
watch: { 'generatingForm.supplierName': { handler(newName, oldName) { if(newName == '') { this.generatingForm.acctCodeName = '' this.generatingForm.acctCode = '' }else { this.createPaymenSupplierNameCombo(this.rowSelect.supplierName) console.log(this.generatingForm.supplierName) } }, deep: true, // immediate: true } }
當收款供應商的值為空時,直接將關聯的設定為空值