Javascript 如何在数组上循环时执行绑定

我有一个名为

users

的数组：

 users: [
            { 'name': 'Sam', 'level': 'level 1' },
            { 'name': 'Jhon', 'level': 'level 2'},
            { 'name': 'Doe', 'level': 'level 3'},
            { 'name': 'Jane', 'level': 'level 4'},
            { 'name': 'Smith', 'level': 'level 1'},
            { 'name': 'Roy', 'level': 'level 4'},
        ]

在模板中，我循环并显示

用户

名称，如下所示：

   <div id="app">
        <div class="main-div"  v-for="user in users">
           <p>{{user.name}} <span>{{userType}}</span></p>
        </div>
    </div>

{{user.name}{{userType}

如数组（即e用户）所示，有一个名为

level

的属性，基于此属性，我希望绑定

userType

（即e CEO、经理……等等），如下所示：

   <div id="app">
        <div class="main-div"  v-for="user in users">
           <p>{{user.name}} <span>{{userType}}</span></p>
        </div>
    </div>

例如，如果

级别1

=>应显示“Director”（导演），

级别2

=>应显示“管理器”，。。。。。等等

---

您应该使用userType映射一些级别数组，或者您可以在用户数组中添加新属性。 例如：[{name:“XYZ”，level:“level1”，userType:“Director”}…]

如果没有此数组，则需要添加一个条件或函数来检查并返回给您。 例如：{{getUserInfo（user）}

---

应该使用userType映射一些级别数组，或者可以在用户数组中添加新属性。 例如：[{name:“XYZ”，level:“level1”，userType:“Director”}…]

如果没有此数组，则需要添加一个条件或函数来检查并返回给您。 例如：{{getUserInfo（user）}

---

不，您需要方法作为助手，根据其级别进行显示，如下所示

newvue({
el:“#应用程序”，
数据：{
用户：[
{'name'：'Sam'，'level'：'level 1'}，
{'name'：'Jhon'，'level'：'level 2'}，
{'name'：'Doe'，'level'：'level 3'}，
{'name'：'Jane'，'level'：'level 4'}，
{'name'：'Smith'，'level'：'level 1'}，
{'name'：'Roy'，'level'：'level 4'}，
]
},
方法：{
用户类型：函数（级别）{
让类型=“”
开关（电平）{
案例“级别1”：类型=“CEO”；中断；
案例“级别2”：类型=“主管”；中断；
案例“级别3”：类型=“管理器”；中断；
案例“级别4”：类型=“员工”；中断；
}
返回类型
}
}
})

#应用程序{
填充：20px；
}
h3{
字体大小：粗体；
}
跨度{
重量：粗体；
颜色：红色；
}

使用者
{{user.name}{{userType（user.level）}

不，您需要方法作为助手，根据其级别进行显示，如下所示

newvue({
el:“#应用程序”，
数据：{
用户：[
{'name'：'Sam'，'level'：'level 1'}，
{'name'：'Jhon'，'level'：'level 2'}，
{'name'：'Doe'，'level'：'level 3'}，
{'name'：'Jane'，'level'：'level 4'}，
{'name'：'Smith'，'level'：'level 1'}，
{'name'：'Roy'，'level'：'level 4'}，
]
},
方法：{
用户类型：函数（级别）{
让类型=“”
开关（电平）{
案例“级别1”：类型=“CEO”；中断；
案例“级别2”：类型=“主管”；中断；
案例“级别3”：类型=“管理器”；中断；
案例“级别4”：类型=“员工”；中断；
}
返回类型
}
}
})

#应用程序{
填充：20px；
}
h3{
字体大小：粗体；
}
跨度{
重量：粗体；
颜色：红色；
}

使用者
{{user.name}{{userType（user.level）}

我没有名为

userType

的属性，我应该编写条件，我只有4个级别。是的！因此，基于四个级别，您可以创建名为userType的新属性。我没有名为

userType

的属性，我应该编写条件，我只有4个级别。是的！因此，基于四个级别，您可以创建名为userType的新属性。您可以显式地声明哪个级别对应于哪个userType吗。在您的图像中，

Sam

是一名首席执行官，但他们是“级别1”，然后在您的示例中，您说明“级别1”应该是“主管”，那么为什么Sam是首席执行官而不是主管，为什么John是主管而不是经理？您能否明确说明哪个级别对应于什么用户类型。在你的形象中，

Sam

是一名首席执行官，但他们是“一级”，然后在你的例子中，你说“一级”应该是“董事”，那么为什么Sam是首席执行官而不是董事，为什么John是董事而不是经理？