javascript - vue.js 中的多个条件

Question

我是 vue.js 的新手，我正在尝试添加多个条件。

编辑:第一个代码示例有效。 (昨晚我很累，不知道我在想什么)。

例如

if hours > 11 && hours < 18 show some text etc..

这是我的第一个代码:

https://jsfiddle.net/hyL723fb/20/

这是我的第二个代码:

http://jsfiddle.net/trcyn2qh/28/

Answer 1

在第二个示例中，您将在计算函数 getHoursCondition 中重新定义 getHoursCondition。这将导致名称冲突的问题。您应该只从函数中返回所需的值。

例如:

if (this.hours > 01 && this.hours < 11) {
        return 'Good morning'; // <-- return the value
    } 

这是一个工作 fiddle (它对我说“下午好”，这对我的时间来说是正确的):http://jsfiddle.net/9e53pm2q/