javascript - vue中如何更改词尾？

Question

如何更改vue中的词尾？例如:1 天/3 天，1 个详细信息/5 个详细信息

在js代码中将是这样的:

function declOfNum(number, titles) {
 let cases = [2, 0, 1, 1, 1, 2];
 return titles[(number % 100 > 4 && number % 100 < 20) ? 2 : cases[(number % 10 < 5) ? 
 number % 10 : 5]];
}

我是 vue 新手，很抱歉问了一个简单的问题:]

Answer 1

嗯，这真的很简单。你可以为此制定一个方法。

 getTitle(number) {
    return `${number} detail${number > 1 ? 's' : ''}`;

}

然后在您的模板中只需通过传递这样的数字来调用此方法。

如果您还有除detail之外的其他标题，您也可以传递标题。

{{ getTitle(2) }}