Vue.js Vue将字符串转换为dom（Nuxt.js）

我尝试在vue元素中添加dom，但它不起作用。 这是我的密码

<div v-bar="{preventParentScroll: true}">
  <div>
    <el-menu
      ref="menu"
      default-active=""
      class="lnbmenu"
      :unique-opened="true">
     **{{ this.menuList}}**
     </el-menu>
   </div>

**{{this.menuList}}**

接下来是js代码

computed: {
  menuList(){ 
      ~~~ reducer ~~~ 
      return dom

      *//return 
       <el-submenu index="M0010">    
        <template slot='title'>     
         <span>menu1</span>    
        </template>
        <el-menu-item index="M0018">
         <nuxt-link to="tempMenu">  
          <span>menu2</span>
         </nuxt-link>
        </el-menu-item>
       </el-submenu>*
  }
}

计算：{
menuList（）{
还原剂
返回dom
*//返回
菜单1
菜单2
*
}
}

我尝试在el菜单标签中使用“v-html”，但仍然不起作用。

---

如何添加此内容？

通常，使用

$refs

关键字在Vue中操作DOM

---

看看：

列表的内容是什么？您不应该为每个列表项创建一个新元素，并使用

v-for

插入它们吗？回答，在模板中不需要

这个

，您只需要使用属性/computed name

{{menuList}

。在某些情况下，它根本不起作用。