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?

Possible duplicate of [How to solve Interpolation inside attributes has been removed. Use v-bind or the colon shorthand ? Vue.JS 2](https://stackoverflow.com/questions/43211760/how-to-solve-interpolation-inside-attributes-has-been-removed-use-v-bind-or-the) — Bert, Oct 07 '17 at 15:39

score 11 · Accepted Answer · edited Jul 15 '22 at 00:23

11

use v-bind directive to manuplate html attribute,

v-bind:colspan="modelClustersList.length"

shorthand:

:colspan="modelClustersList.length"

edited Jul 15 '22 at 00:23

tony19

answered Oct 07 '17 at 15:42

Muthu Kumaran

1 Answers1