Vue JS三元表达式

时间:2019-06-17 10:59:01

标签: javascript vue.js vuejs2

我正在使用Vue JS,并试图使用三元表达式有条件地更改某物的值,因此我很努力地将以下内容转换为三元表达式,这是我的默认方法:{{1 }}是

isLoading

4 个答案:

答案 0 :(得分:2)

在此处不使用条件运算符,只需将showLoading分配给isLoading,并假设您传递的是布尔值:

this.isLoading = showLoading;

如果您不一定要传递布尔值,请先将其强制转换为布尔值(如果需要):

this.isLoading = Boolean(showLoading);

如果必须使用条件运算符,则为:

this.isLoading = showLoading ? true : false;

答案 1 :(得分:1)

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

答案 2 :(得分:0)

您的“ showLoading”数据是布尔值,否则不需要。

this.isLoading = showLoading

这是错误的,下面的代码会得到错误

this.isLoading = showLoading ? true : false; 

答案 3 :(得分:0)

您似乎想强制将showLoading设为布尔值,因此请尝试

this.isLoading = !!showLoading;