vuejs利用js动态插入子组件

1021 ℃

功能介绍:本想用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+款小工具!生活小工具
帝国CMS分页之内容页分页效果
jQuery兄弟节点获取方法,如何过滤兄弟节点
JavaScript开发小技巧之存储loalStorage
js去掉字符串后一个标点符号(逗号)的4种简单方法
php代码如何嵌套html代码