vue js中如何添加dom标签，循环

vue js中如何添加dom标签，循环

 state: {
tabList: [
  { name: "首页", status: "primary" },
  { name: "page2", status: "" },
  { name: "page3", status: "" },
],
},
getters: {
headerTab(state) {
  console.log("-----------------")
  let tabs = ""
  for (let i in state.tabList) {
    if (i == 0) {
      tabs = "首页"
    } else if (i > 0) {
      tabs += `/` + `<span>${state.tabList[i].name}</span>`//这种方法不可用
    }
  }
  console.log(tabs)
  return tabs
},

},

运行结果及报错内容

我的解答思路和尝试过的方法

用span标签包裹state.tabList[i].name，达到可以添加css的目的

v-for