vue的属性插值表达式的问题

Question

我用Element的菜单组件，定义json

menus = [
 {
  name:'首页',
  icon:'`location`'
 }
]

页面中

<el-submenu v-for="(item,index) in menus">
    <template slot="title">
          <i class="el-icon-{{item.icon}}"></i>
          <span>{{item.name}}</span>
    </template>
</el-submenu>

报错说class必须用:class，然后改成

<i :class="el-icon-{{item.icon}}">

报错说必须给:class赋值

像这种需求，要怎么搞？需要在属性中用插值表达式。

Answer 1

<i :class="`el-icon-${item.icon}`"></i>