Questions Tags Users Badges

Vue setting colspan

Created Oct 7, 2017 Edited Oct 7, 2017

Viewed 11377

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?

vuejs2 vue.js

1 Answers

use v-bind directive to manuplate html attribute,

v-bind:colspan="modelClustersList.length"

shorthand:

:colspan="modelClustersList.length"

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

edited Oct 7, 2017

user_6157460

answered Oct 7, 2017

Related