Vue.js 计算的布尔值不正确
Vue.js computed boolean incorrect
我需要计算 属性 来确定开始日期是否小于结束日期。出于某种原因,当我按如下方式编码时,即使表达式正确,计算出的 属性 始终计算为 false。参见 Pen
HTML:
<div id="app">
dateStart: {{ dateStart }} <br>
dateEnd: {{ dateEnd }} <br>
computed dateStart < dateEnd: {{ startLTEndDate }} <br>
expr dateStart < dateEnd: {{ Date.parse(dateStart) < Date.parse(dateEnd) }} <br>
</div>
JS:
var app = new Vue ({
el: "#app",
data() {
return {
dateStart: '2010-01-01',
dateEnd: '2011-01-01'
}
},
computed: {
startLTEndDate: () => {
return Date.parse(this.dateStart) < Date.parse(this.dateEnd)
}
}
})
箭头函数不会为 Computed
绑定它
尝试:
startLTEndDate() {
return(Date.parse(this.dateStart) < Date.parse(this.dateEnd))
}
我需要计算 属性 来确定开始日期是否小于结束日期。出于某种原因,当我按如下方式编码时,即使表达式正确,计算出的 属性 始终计算为 false。参见 Pen
HTML:
<div id="app">
dateStart: {{ dateStart }} <br>
dateEnd: {{ dateEnd }} <br>
computed dateStart < dateEnd: {{ startLTEndDate }} <br>
expr dateStart < dateEnd: {{ Date.parse(dateStart) < Date.parse(dateEnd) }} <br>
</div>
JS:
var app = new Vue ({
el: "#app",
data() {
return {
dateStart: '2010-01-01',
dateEnd: '2011-01-01'
}
},
computed: {
startLTEndDate: () => {
return Date.parse(this.dateStart) < Date.parse(this.dateEnd)
}
}
})
箭头函数不会为 Computed
绑定它尝试:
startLTEndDate() {
return(Date.parse(this.dateStart) < Date.parse(this.dateEnd))
}