Vue.js vuejs中元素的动态插值计算方法名称（v-for）

在我的项目vuejs中，使用ul li和v-for指令vuejs创建一个列表元素，如下所示：

<ul>
    <li :class="{active: 'isActive+index'}" v-for="(car, index) in cars"></li>
</ul>

'isActive+index'

其中表示已存在的动态计算名称。但很明显，这段代码并没有运行并生成基本的字符串单词，也并没有指向计算方法的链接。我要执行这些计算方法：

computed:
{
    isActive1: function ()
    {
        return myLogic
    },
    isActive2: function ()
    {
        return myLogic
    },
    isActive3: function ()
    {
        return myLogic
    },
    isActive4: function ()
    {
        return myLogic
    },
}

如何将元素链接到使用vuejs计算的execute的动态方法名？

新Vue{ el:“应用程序”， 模板：` 汽车：{{item.name}， 换车 `, 资料{ 返回{ cars1：[{ 姓名:car1,， }, { 姓名:car2,， }, { 姓名:car3,， }, ], cars2：[{ 姓名:car1,， }, { 姓名:car2,， }, { 姓名:car3,， }, { 姓名:car4,， }, ], cars3：[{ 姓名:car1,， }, { 姓名:car2,， }, ], carsIndex:1， }; }, 计算：{ 汽车{ 归还这个[cars+this.carsIndex]； }, 状态活动{ 返回{ 0:this.statusActive0， 1:this.statusActive1， 2:this.statusActive2， 3:这是statusActive3， }; }, statusActive0{ 返回false； }, 状态1{ 返回true； }, 状态2{ 返回false； }, 状态激活3{ 返回true； }, }, 方法：{ 换车{ 如果此.carsIndex小于3{ 这个.carsIndex++； }否则{ 这个.carsIndex=1； } }, }, } .主动{ 颜色：红色； }

---

你能举一个汽车数据的例子吗？myLogic里面有什么？也许有更好的方法来解决这个问题，而不是使用计算属性。Cars数据不是很重要，myLogic只是逻辑，用于在活动类css中返回true或false或no。这个问题的主要问题是将动态名称插入到v-for元素中。但是为什么首先要将逻辑放入类中呢？你不能检查活动类基于什么吗？@darkomen除非这些计算道具都有唯一或非常具体的逻辑，否则我认为这种方法不太可扩展。为什么不使用一个方法呢？好的，我需要使用数组来创建动态系统。感谢您的高质量响应和示例！