vuejs利用js动态插入子组件

1012 ℃

功能介绍:本想用v-html来实现不同组件的调用,但是发现v-html不支持vuejs标签,所以就想到了动态调用组件。

1、引入子组件

import myComponent from './myComponent.vue'
import Vue from 'vue'

2、js调用

let Task = Vue.extend(myComponent);
let taskvm = new Task();
document.getElementById('rulesDiv').appendChild(taskvm.$mount().$el);

 

vuejs简单介绍vue安装和卸载方法

vue项目打包后部分样式不生效怎么办(解决办法)

react如何实现父组件传值子组件(子组件只负责渲染)

react如何实现父组件调用子组件函数

vuejs实现页面跳转的的几种方式

标签: vuejs, 动态组件, 子组件

上面是“vuejs利用js动态插入子组件”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2373.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
wordpress如何让所有外链添加nofollow属性
帝国cms内容页SQl方式调用当前TAG标签
百度echarts利用南丁格尔图做一个上班摸鱼时间分布图
哪些因素会导致SEO排名的巨大差异?
Git语法中如何合并多个提交?