Element dynamic loading navigation bar label does not parse

the navigation bar is dynamically generated according to the background interface. After inserting it using v-html, the navigation bar does not resolve
< el-menu vmurhtml = "navHtml" >
< / el-menu >

.

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

browser cannot parse, how to solve this

Mar.12,2021

use render

Menu