vue，如何以编程方式动态地单击将组件添加到 DOM 特定位置? [英] vue, how dynamically, programically, on click add component to the DOM specific place?

查看：20 发布时间：2022/1/18 21:37:02 html vue.js dynamic tags

本文介绍了vue，如何以编程方式动态地单击将组件添加到 DOM 特定位置?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我需要添加一个动态导入的组件，只需在 DOM 结构中的特定位置添加一个虚拟标签.不幸的是，我找到的每一种方法都没有解决我的问题.

我如何首先尝试:

父组件(Editor.vue):

<模板><div 类="工具栏"><button @click="addContainer">添加容器</button></div><div id="editor" ref="editor" contenteditable="true">//在这里，当在可竞争的 div 是游标时，我需要以编程方式动态添加虚拟标签 <container/></div></div></模板>

和javascript


        
            相关文章
            
                    
                        
                            动态地将SVG添加到DOM;
                        
                    
                    
                        
                            请问，如何在点击时将组件动态添加到DOM特定位置？;
                        
                    
                    
                        
                            如何以编程方式/动态方式将组件添加到 p:dataTable facet;
                        
                    
                    
                        
                            java - 如何在单击时动态地将摆动组件添加到 gui?;
                        
                    
                    
                        
                            如何动态地将行添加到特定的UITableView部分？;
                        
                    
                    
                        
                            如何动态地将FormControl添加到FormGroup;
                        
                    
                    
                        
                            如何动态地将项目添加到listview？;
                        
                    
                    
                        
                            如何动态地将UserControl添加到ItemsControl?;
                        
                    
                    
                        
                            如何动态地将JMenus添加到JMenuBar;
                        
                    
                    
                        
                            如何动态地将JLabels添加到JPanel？;
                        
                    
                    
                        
                            如何动态地将列添加到gridview;
                        
                    
                    
                        
                            如何动态地将UIButton添加到UITableViewCell？;
                        
                    
                    
                        
                            动态地添加到Highcharts;
                        
                    
                    
                        
                            动态地将链接添加到datagridview;
                        
                    
                    
                        
                            动态地将项目添加到JComboBox;
                        
                    
                    
                        
                            动态地将图像添加到画布;
                        
                    
                    
                        
                            动态地将DataSource添加到ReportViewer;
                        
                    
                    
                        
                            动态地将图像添加到画布;
                        
                    
                    
                        
                            动态地将 Spinner 添加到 RelativeLayout;
                        
                    
                    
                        
                            动态地将列添加到JTable;
                        
                    
                    
                        
                            动态地将servlet添加到servletConfig;
                        
                    
                    
                        
                            如何动态地将值添加到数组中;
                        
                    
                    
                        
                            如何动态地将canvas添加到div元素？;
                        
                    
                    
                        
                            动态地将Checkboxlist添加到下拉列表;
                        
                    
                    
                        
                            动态地将命名映射添加到索引;


    
        
            前端开发最新文章
            
                    
                        
                            为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？;
                        
                    
                    
                        
                            错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接;
                        
                    
                    
                        
                            如何解决'重定向已被CORS策略阻止：没有'Access-Control-Allow-Origin'标题'？;
                        
                    
                    
                        
                            如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？;
                        
                    
                    
                        
                            警告：添加非被动事件侦听器到滚动阻塞'touchstart'事件;
                        
                    
                    
                        
                            如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？;
                        
                    
                    
                        
                            此请求已被阻止;内容必须通过HTTPS提供;
                        
                    
                    
                        
                            资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）;
                        
                    
                    
                        
                            通过HTTPS加载页面但请求不安全的XMLHttpRequest端点;
                        
                    
                    
                        
                            拒绝从执行脚本'*'，因为它的MIME类型（“应用/ JSON'）不是可执行文件，并严格MIME类型检查被启用。;
                        
                    
            
        
        
            
                热门教程
            
            
                
                    
                        Java教程
                    
                
                
                    
                        Apache ANT 教程
                    
                
                
                    
                        Kali Linux教程
                    
                
                
                    
                        JavaScript教程
                    
                
                
                    
                        JavaFx教程
                    
                
                
                    
                        MFC 教程
                    
                
                
                    
                        Apache HTTP客户端教程
                    
                
                
                    
                        Microsoft Visio 教程
                    
                
            
        
        
            
                热门工具
            
            
                
                
                    
                        Java 在线工具
                    
                
                
                    
                        C(GCC) 在线工具
                    
                
                
                    
                        PHP 在线工具
                    
                
                
                    
                        C# 在线工具
                    
                
                
                    
                        Python 在线工具
                    
                
                
                    
                        MySQL 在线工具
                    
                
                
                    
                        VB.NET 在线工具
                    
                
                
                    
                        Lua 在线工具
                    
                
                
                    
                        Oracle 在线工具
                    
                
                
                    
                        C++(GCC) 在线工具
                    
                
                
                    
                        Go 在线工具
                    
                
                
                    
                        Fortran 在线工具

vue，如何以编程方式动态地单击将组件添加到 DOM 特定位置? [英] vue, how dynamically, programically, on click add component to the DOM specific place?

问题描述

相关文章

前端开发最新文章

热门教程

热门工具

登录 关闭

登录关闭