Vue JS 三元表達式

Question

我正在使用 Vue JS 並嘗試使用三元表達式來有條件地更改某些東西的值，我正在努力將以下內容轉換為三元表達式，這是我的方法，默認情況下： isLoading為 true

fetchData(showLoading) {
  if (showLoading) {
    this.isLoading = true
  } else {
    this.isLoading = false
  }
}

Answer 1

不要在這里使用條件運算符，只需將showLoading分配給isLoading ，假設您正在傳遞一個布爾值：

this.isLoading = showLoading;

如果您不一定要傳遞布爾值，則首先轉換為布爾值（如果需要）：

this.isLoading = Boolean(showLoading);

如果您必須使用條件運算符，它將是：

this.isLoading = showLoading ? true : false;

Answer 2

fetchData(showLoading) {
 showLoading ? (this.isLoading = true) : (this.isLoading = false)
}

Answer 3

你的“showLoading”數據我猜是布爾值，否則你不需要。

this.isLoading = showLoading

下面是錯誤的代碼會出錯

this.isLoading = showLoading ? true : false; 

Answer 4

看起來你想強制 showLoading 是一個布爾值所以試試這個

this.isLoading = !!showLoading;

Answer 5

this.showLoading = isLoading ? true : false;