使用 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。