Vuejs 2将道具对象传递给子组件并检索 [英] Vuejs 2 Passing prop object to child component and retrieving

查看：19 发布时间：2022/1/21 10:55:19 components vuejs2

本文介绍了Vuejs 2将道具对象传递给子组件并检索的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我想知道如何使用道具和检索将对象传递给子组件.我了解如何将其作为属性来执行，但如何传递对象并从子组件中检索对象?当我从子组件中使用 this.props 时，我得到未定义或错误消息.

父组件

 <模板><子组件 :v-bind="props"></child-component></div></模板><脚本>从ChildComponent.vue"导入 ChildComponent；导出默认 {名称:'父组件'，挂载(){},道具: {名字:'用户名'，姓氏:'用户姓氏'富:'酒吧'},组件: {子组件},方法: {}}</脚本><样式范围></风格>

子组件


        
            相关文章
            
                    
                        
                            Vuejs 2将prop对象传递给子组件并进行检索;
                        
                    
                    
                        
                            如何将 javascript 对象传递给 VueJS 中的组件?;
                        
                    
                    
                        
                            Vuejs:如何将对象作为道具传递并让组件更新子对象;
                        
                    
                    
                        
                            将道具动态传递给VueJS中的动态组件;
                        
                    
                    
                        
                            将对象传递给组件;
                        
                    
                    
                        
                            将对象传递给组件;
                        
                    
                    
                        
                            Js--如何将属性对象传递给子组件？;
                        
                    
                    
                        
                            异步更新后将道具传递给子组件;
                        
                    
                    
                        
                            使用Reaction导航将道具传递给子组件;
                        
                    
                    
                        
                            Vuejs - 使用道具将数据从父级传递给子级;
                        
                    
                    
                        
                            将道具传递给样式组件;
                        
                    
                    
                        
                            将道具传递给高阶组件;
                        
                    
                    
                        
                            将道具传递给组件Didmount;
                        
                    
                    
                        
                            如何使用插槽将道具从父级传递给子级 -vuejs;
                        
                    
                    
                        
                            反应：将道具传递给功能组件;
                        
                    
                    
                        
                            React:将道具传递给功能组件;
                        
                    
                    
                        
                            将道具组件传递给根实例;
                        
                    
                    
                        
                            将数据对象从父组件传递给子组件;
                        
                    
                    
                        
                            React  - 将道具传递给子onClick;
                        
                    
                    
                        
                            在VueJS中将父函数传递给子组件;
                        
                    
                    
                        
                            Vuejs突变对象作为道具传递;
                        
                    
                    
                        
                            将 PHP 对象传递给 javascript;
                        
                    
                    
                        
                            将PHP对象传递给javascript;
                        
                    
                    
                        
                            如何将函数作为道具从功能父组件传递给子组件;
                        
                    
                    
                        
                            无法将道具传递给 root vue 组件;


    
        
            其他开发最新文章
            
                    
                        
                            拒绝显示一个框架，因为它将'X-Frame-Options'设置为'sameorigin';
                        
                    
                    
                        
                            什么是＆QUOT; AW＆QUOT;在部分标志属性是什么意思？;
                        
                    
                    
                        
                            在运行npm install命令时获取'npm WARN弃用'警告;
                        
                    
                    
                        
                            cmake无法找到openssl;
                        
                    
                    
                        
                            从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件;
                        
                    
                    
                        
                            Twitter :: Error :: Forbidden  - 无法验证您的凭据;
                        
                    
                    
                        
                            我什么时候需要一个fb：app_id或者fb：admins？;
                        
                    
                    
                        
                            将.db文件导入R;
                        
                    
                    
                        
                            npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件;
                        
                    
                    
                        
                            拒绝执行内联脚本，因为它违反了以下内容安全策略指令：“script-src'self'”;
                        
                    
            
        
        
            
                热门教程
            
            
                
                    
                        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 在线工具

Vuejs 2将道具对象传递给子组件并检索 [英] Vuejs 2 Passing prop object to child component and retrieving

问题描述

相关文章

其他开发最新文章

热门教程

热门工具

登录 关闭

登录关闭