Using Vue2, how to bind html element attribute to the property of a variable

Question

Using Vue 2, How do I bind to javascript in an html element attribute?

For example, I'd like to assign a colspan attribute dynamically to the javasript length property value of my data columns.

Instead of this:

<td colspan="4">

I want to do something like this:

<td :colspan="{ columns.length }">

tony19 · Accepted Answer · 2022-07-15 22:22:32Z

3

Just don't need to specify brackets. Just do this:

<td :colspan="columns.length">

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Jun 12, 2017 at 19:29

thanksd

55.8k23 gold badges167 silver badges155 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jeez. I'm sure I did that already. I must have had an unnoticed typo :-/