vue使用v-for同时遍历对象和数组

需求

 有一个userMsg对象和一个userMsgTitle数组，需要将这两组数据使用v-for循环遍历，得到下面图片所示的效果

• 数据

  data() {
      return {
          userMsgTitle:["昵称","签名","注册","性别","生日","电话","邮箱","密码"],
              userMsg:{
                  nickname: "嗷呜是唔西迪西啊！",
                      sign:"退一步海阔天空。",
                      regTime: "2020-1-2",
                      sex:"女",
                      birth: "2000-01-20",
                      phone:"111111111111111",
                      email:"[email protected]",
                      password:"123456"
          }
      }
  },
  

v-for遍历对象

• 语法格式

  (value,key,index) in obj
  

  • value：值
  • key：键名
  • index：角标

• 示例

  
  	序号：{{index}}, 键值：{{key}}, 值：{{value}}
  
  

  

需求实现

• 实现思路：

  • 先实现v-for遍历对象，然后通过index遍历数组

• 具体代码

  
      {{userMsgTitle[index]}}
      
          {{value}}