Vue setting colspan

Question

Following keeps throwing an error:

<th style="padding-right: 0px;" v-for="n in modelClustersList"  colspan="{{modelClustersList.length}}">

Its kind of wierd I can use the {{modelClustersList.length}} other places. Is colspan somehow special in Vue?

Answer 1

use v-bind directive to manuplate html attribute,

v-bind:colspan="modelClustersList.length"

shorthand:

:colspan="modelClustersList.length"

Refer Vue docs: https://vuejs.org/v2/guide/syntax.html#Attributes