使用数据库中的 Vue 模板

问题描述

Idea 不是在点击时硬编码这么多 v-if，而是从数据库访问模板字符串和名称并动态创建 Vue 组件。

1.当 App.vue 被挂载时，我获取的数据为 obj={name:'call',template:{template:'<div>hi</div>}}
2.在安装另一个组件时，我想将这些数据作为 const MyCom = Vue.components(obj.name,obj.template)

传递给 Vue.component

NavBar.js

  <div>
     <div :class="{draw:true,active :getToggleNav}" @click="closeSideDraw"></div>
       <div :class="{bar:true,open:getToggleNav}">
         <form class="elements" ref="formId" @submit.prevent="onSubmit">
           <div v-if="show">
         <MyCom/>
           </div>
         <input type="submit" value="Submit" class="save">
           </form>
       </div>
       

       
  </div>
</template>

因此，每次导航栏打开 MyCom 时，都应根据 obj 进行相应更改，该 obj 具有所有数据并在安装导航栏之前获取。每次单击时，Obj 数据都会更改。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

dynamic-variables vue.js