Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在运行时生成的Vue组件中添加或注入HTML或组件_Javascript_Vue.js_Vuejs2_Markdown - Fatal编程技术网

Javascript 在运行时生成的Vue组件中添加或注入HTML或组件

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`) })) ]; 如您所见,我正在根

我有一个Vue应用程序,我把一堆降价文件做成动态生成的组件,其链接由Vue路由器处理。我正在使用Vue标记加载程序加载我的标记

主路由文件如下所示:

从“@/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?因为它们是动态生成的,所以我不能确定如何处理这种情况,因为我不能仅仅在某个组件的中间插入一个组件。