Errors compiling template: icon="el-icon-star-{{ problem_id_favorite.includes(scope.row.problem_id)?'on':'off' }}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div id="{{ val }}">, use <div :id="val">. 101| <el-button 102| size="medium" 103| type="text" | 104| icon="el-icon-star-{{ problem_id_favorite.includes(scope.row.problem_id)?'on':'off' }}" | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 105| @click="delTable(scope.row)"
时间: 2023-08-02 12:05:46 浏览: 71
这个错误是因为在模板中使用了插值表达式 {{ }} 来动态绑定 icon 属性值,但在 Vue.js 2.x 中,插值表达式不能在属性中使用。可以使用 v-bind 或简写的 : 来实现动态绑定属性,例如:
```
<el-button
size="medium"
type="text"
:icon="'el-icon-star-' + (problem_id_favorite.includes(scope.row.problem_id) ? 'on' : 'off')"
@click="delTable(scope.row)"
>
```
在这个例子中,我们使用了 :icon 来绑定 icon 属性,然后使用字符串拼接和三元表达式来实现动态绑定。
阅读全文