在這個例子中，如何使用 vue.js 在 for 循環中設置標題？

Question

  <template v-for="item in job">
    <tr>
        <td v-for="i in item.stage" :style="getStyle(i.status.name)" title="[[ i.node.name ]]" >
          <b>[[ i.node.name ]]</b>
        </td>
    </tr>
  </template>

我正在嘗試為每個 td 設置標題 - 但標題實際上被設置為 [[ i.node.name ]] 作為字符串而不是值。

注意： [[ i.node.name ]]打印該值，所以我知道它是正確的，但我必須使用錯誤的標題語法。

另附注：我在 vue.js 中使用 [[ ]] 作為分隔符

Answer 1

您需要從標題中刪除括號並在標題前添加一個冒號: 。 看看https://v2.vuejs.org/v2/guide/syntax.html#Attributes

  <template v-for="item in job">
        <tr>
            <td v-for="i in item.stage" :style="getStyle(i.status.name)" :title="i.node.name" >
              <b>[[ i.node.name ]]</b>
            </td>
        </tr>
      </template>