1. 程式人生 > 其它 >如何在element元件中的select下拉選擇框,首次賦值時觸發@selected事件

如何在element元件中的select下拉選擇框,首次賦值時觸發@selected事件

專案中遇到一個下拉選擇框在選擇後帶出其關聯的選擇框的值。

進入這個介面會自動賦值給收款供應商,通過選擇如何手動選擇收款供應商會自動帶出收款銀行名稱和賬號
要求進去這個頁面時帶出收款供應商時,同時帶出收款銀行名稱和賬號

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
    }
  }

當收款供應商的值為空時,直接將關聯的設定為空值