javascript - 为什么我的 vue.js 模板中收到无效表达式？

Question

我在 vue 单文件组件中收到此错误:

  Errors compiling template:

  invalid expression: Unexpected token { in

    {{ jobs[0].build_link }}

  Raw expression: v-bind:href="{{ jobs[0].build_link }}"

完整的行是:

 <td :style=tdStyle><a v-bind:href="{{ jobs[0].build_link }}">{{ jobs[0].build_link }}</a></td>

jobs 是在我的组件的 data 方法中定义的，我可以毫无问题地 console.log 该数据。

也不确定为什么，但这一行与内联模板 vue.js 脚本一起工作正常，但在转换为单页面组件后抛出此错误。

Answer 1

我认为您有语法问题。请尝试不使用花括号。例如:

<td :style=tdStyle><a v-bind:href="jobs[0].build_link">{{ jobs[0].build_link }}</a></td>

希望它有效..