vue.js - Vue 将字符串转换为 dom (Nuxt.js)

Question

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

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

接下来是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>*
  }
}

我尝试在 el-menu 标签中使用“v-html”，但仍然无效。我怎样才能添加这个东西？

Answer 1

通常，您使用 $refs 关键字在 Vue 中操作 DOM。

看看:https://codingexplained.com/coding/front-end/vue-js/accessing-dom-refs