如何解决使用数据库中的 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)
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 举报,一经查实,本站将立刻删除。