Javascript 在运行时生成的Vue组件中添加或注入HTML或组件
我有一个Vue应用程序,我把一堆降价文件做成动态生成的组件,其链接由Vue路由器处理。我正在使用Vue标记加载程序加载我的标记 主路由文件如下所示:Javascript 在运行时生成的Vue组件中添加或注入HTML或组件,javascript,vue.js,vuejs2,markdown,Javascript,Vue.js,Vuejs2,Markdown,我有一个Vue应用程序,我把一堆降价文件做成动态生成的组件,其链接由Vue路由器处理。我正在使用Vue标记加载程序加载我的标记 主路由文件如下所示: 从“@/assets/rambles/rambles.json”导入RamblePosts”//包含标记文档名称的简单JSON …RamblePosts.map(条目=>({ 路径:`/${entry}`, 姓名:条目,, 组件:()=>import(`@/assets/rambles/${entry}.md`) })) ]; 如您所见,我正在根
从“@/assets/rambles/rambles.json”导入RamblePosts”//包含标记文档名称的简单JSON
…RamblePosts.map(条目=>({
路径:`/${entry}`,
姓名:条目,,
组件:()=>import(`@/assets/rambles/${entry}.md`)
}))
];
如您所见,我正在根据该目录中的标记文件生成组件
示例用法如下:
从“@/components/RambleCard”导入RambleCard;
从“@/assets/rambles/rambleList.json”导入rambleList;
导出默认值{
组成部分:{
兰伯卡德
},
数据(){
返回{
漫谈家
};
}
};
这是一个简单的卡片元素,它只显示降价条目的名称、字幕和vue路由器链接。点击链接将带您进入相关文章,因此类似于url.com/foo
有没有一种方法可以让我编辑或操作这些标记组件,并添加(比如)一个Vue组件到它们,甚至只是简单的HTML?因为它们是动态生成的,所以我不能确定如何处理这种情况,因为我不能仅仅在某个组件的中间插入一个组件。