[Vuejs]-Not getting different class names while iterating

0๐Ÿ‘

โœ…

If table_data is like this as you stated in the comments:

{
  type: 'LDAP',
  des: 'LDAP for Demo - Do not edit or delete this App',
  api: 'show token',
  scim: 'cloud.kapstonellc.com:8082/scim/v2/10VN44ZN',
  endis: true,
  act: true
}

You should probably iterate over table_data keys instead:

<div>
  <span v-for="(key, index) in Object.keys(table_data)" :class="`spa${index}`">
    {{ table_data[key] }}
  </span>
</div>

Leave a comment