javascript - 在此示例中，如何使用 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>