如何在组件中点击显示另一个组件在当前的组件

MrTanAndMa 2017-07-04 04:59:34

比如我有main.vue可以显示，我想在main.vue中设置一个按钮，点击这个按钮将A.vue放到mian.vue中显示？这种应该如何编写，求大神指点

...全文

165 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

问题：一开始父组件显示，子组件隐藏。点击父组件按钮，父组件隐藏自身，子组件显示。点击子组件按钮，子组件隐藏，父组件显示解决办法：父组件引入子组件，并注册，绑定相关变量和值。父组件下的代码 showTable为隐藏显示整个父组件引入子组件，并注册子组件 showList为隐藏显示整个子组件声明需要使用或传递的变量子组件上绑定showList，初始值为false，即为隐藏子组件。同时双向绑定showList该值，并绑定一个方法parEvn...

此方法与Prop类似，区别在于Prop用于子父之间传值，而当前所介绍的方法为任意组件可相互调用定义的属性。我用此方法需要解决的问题是当我点击一个按钮，需要改变另一个组件的样式，因为我做的是主题切换，很多样式是不能放在一起的。实现就是需要将点击按钮时的一个判断值传入另一个组件，调用方法通过判断值改变样式。具体实现为： 1.定义一个公共的js import Vue from 'vue' export default new Vue() 2.在两个组件中都引入此js import PublicFu

react 动态显示组件In many scenarios you want to display a completely different component inside a screen, when a button or link is clicked. 在许多情况下，当您单击按钮或链接时，您希望在屏幕内显示完全不同的组件。 Think about a navigation st...

在使用Vue开发前端页面的过程中，经常都会遇到需要在父组件中控制子组件的显示/隐藏，比如弹出窗口。在第一步中，我们通过在父组件中修改dialog_visible的值，来控制子组件的显示/隐藏，非常简单。子组件中增加了一个按钮，用于隐藏自身，通过触发父组件事件来修改父组件中dialog_visible的值。原理上很简单，其实就是在子组件中，修改父组件中的dialog_visible参数嘛。这一步首先实现在父组件通过v-show对子组件的显示/隐藏进行控制。而下一步，我们还需要实现在子组件中隐藏（关闭）自己。

我们在使用vue开发过程中会遇到这样的情况，在父组件中引入了子组件，需要将父组件的值传到子组件中显示，同时子组件还可以更改父组件的值。以我目前的一个项目的开发为例，如下图页面：在父组件中，我引入了两个子组件，一个是左边的导航栏，还有中间的一个富文本编译器组件，当我点击左边导航栏时，中间的页面会切换，也就是改变引入的子组件。怎么实现呢，首先，设置在该页面index.vue中设置一个变量ind...

10,608

社区成员

29,047

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章