使用Vue2，如何将html元素属性绑定到变量的属性

Question

使用 Vue 2，如何在 html 元素属性中绑定到 javascript？

例如，我想将colspan 属性动态分配给我的数据columns 的javasript 长度属性值。

而不是这个：

<td colspan="4">

我想做这样的事情：

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

Answer 1

只是不需要指定括号。只需这样做：

<td :colspan="columns.length">

请参阅Vue documentation for Template Syntax。