时间戳

首页 > 解决方案 > vue.js 中的多个条件

javascript - vue.js 中的多个条件

问题描述

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

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

例如

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

这是我的第一个代码：

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

这是我的第二个代码：

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

标签： javascriptif-statementvue.jsfrontend

解决方案

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

例如：

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

这是一个工作小提琴（它对我说“下午好”，这对我来说是正确的）：http: //jsfiddle.net/9e53pm2q/

推荐阅读