element动态加载导航栏标签不解析

Question

导航栏是根据后台接口动态生成，使用v-html插入之后，导航栏没有解析
<el-menu v-html="navHtml">
</el-menu>

created(){
var data = {id: 1,name: 'test'};
this.navHtml = ' <el-submenu index="'+data.id+'"><span slot="title">'+data.name+'</span></el-submenu>';
}

浏览器不能解析,这个该怎么解决呢

Answer 1

用render