文章/答案/技术大牛

发布

社区首页 >问答首页 >如果子组件未在Blazor应用程序中生成任何标记，则隐藏父组件的部分

问如果子组件未在Blazor应用程序中生成任何标记，则隐藏父组件的部分
EN

Stack Overflow用户

提问于 2020-12-08 08:51:43

回答 1查看 127关注 0票数 1

我在Blazor中有一个父零部件，其中放置了子零部件。

<div class="margin-top-50">
  <ChildComponent someparameters/>
</div>

现在，如果子组件没有根据传递的参数生成任何标记，我不希望在父组件中也呈现div标记。我如何才能做到这一点？

blazor-webassembly

blazor

回答 1

Stack Overflow用户

发布于 2020-12-08 10:56:35

是否可以选择将外部div放在ChildComponent中

ChildComponent.razor内幕

<div class="margin-top-50">
  ... the rest of the component as it is now
</div>

如果您在其他地方呈现该组件，并且在其他地方不需要div，那么您可以根据传入的参数删除组件中的页边距-这些参数与定义是否生成任何标记的参数相同。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65195833

复制

vue子组件传值给父组件_子组件调用父组件中的方法

事件

大家好，又见面了，我是你们的朋友全栈君。参考视频： https://www.bilibili.com/video/av32790541/?spm_id_from=trigger_reload 原

全栈程序员站长

2022/10/04

4.2K0

vue父组件中获取子组件中的数据

vue.js

<FormItem label="上传头像" prop="image"> <uploadImg :width="150" :height="150" :name="'avatar'" size="150px*150px" ref="avatar"></uploadImg> </FormItem> <FormItem label="上传营业执照" prop="businessLicence"> <uploadImg :width="350" :heigh

蓓蕾心晴

2018/04/12

6.9K0

分层 Blazor 组件

bootstrap c#编程算法 html html5

作为加入单页应用程序 (SPA) 队伍的最新框架，Blazor 有机会在其他框架（如 Angular 和 React）的最佳特性基础之上构建而成。尽管 Blazor 背后的核心概念是利用 C# 和 Razor 来生成 SPA 应用程序，但明显受到其他框架启发的一个方面是使用组件。

AI.NET 极客圈

2019/08/23

8.4K0

vue 父组件调用子组件的函数_vue子组件触发父组件方法

el function return ui upload

项目里将element-ui的el-upload写成公共组件方便调用，官方的before-upload方法用于处理上传前要做的事，如：比较文件大小，限制文件类型等，通过返回true 或 false 控制是否上传。当该组件调用父组件方法，并且要能获取到父组件方法的返回值，如何实现？

全栈程序员站长

2022/11/10

3K0

vue 父组件调用子组件的方法_vue子组件修改父组件值

https 网络安全

我们都知道通过$ref可以获取到某个DOM，但是它也可以用来获取子组件的实例，调用子组件的方法

全栈程序员站长

2022/11/09

2K0

子组件传对象给父组件_react子组件改变父组件的状态

数据库一体机 TData

sendData = () => { let data = ‘1234’; this.props.getData(data); //这个this,props.xxx 后面的xxx是是在父组件那使用的名字; }，然后可以在render函数后使用这个方法或者另外定义一个事件去触发该方法进行传值，

全栈程序员站长

2022/10/04

2.8K0

vue中父组件传值给子组件，父组件值改变，子组件不能重新渲染[通俗易懂]

https 网络安全

这个方法感觉props’接收数据在调用方法之后，明明父组件的值已经改变了，但是父组件在调用子组件方法时，数据仍然没有接收到，调用之后才接收到，这个方法暂且没用，应该是声明ref的时候声明的是当前组件的实例，然后调用时调用的也是值未改变时的属性。这个没什么用，可以用来调用子组件方法。

全栈程序员站长

2022/11/16

3K0

Vuejs中父组件主动调用子组件的方法

vue.js

我们都知道，vue是单向流，但是有时候我们需要在父组件中主动通知子组件一些信息，使其做出一些响应变化，那么如何在父组件中去主动调用子组件的方法呢？Vue当然给我们提供了方法，如下：

飞奔去旅行

2019/06/13

5K0

vue中父组件和子组件交互的方式

vue.js

vue中使用component来表示组件，通过封装组件，我们可以将代码最大程度的复用，可以说组件是vue中的核心。

程序那些事儿

2023/03/07

5.8K0

react子组件向父组件传递数据_react子组件改变父组件的状态

java https 网络安全

本博客代码是 React 父组件和子组件相互传值的 demo；实现封装一个折线图，折线图选择下拉框，获取下拉框点击的值并且传给父组件根据下拉框筛选的条件更新视图；效果图如下：

全栈程序员站长

2022/10/03

3.6K0

vue子组件调用父组件函数_vue子组件修改父组件值

https 网络安全

全栈程序员站长

2022/11/10

1.7K0

react中父组件向子组件传值

java https 网络安全

子组件中只能使用不能修改父组件传递过来的数据！！！如果非要修改，那就父组件传递一个方法给子组件，子组件使用这个方法来改变父组件中的数据。这就是react的单项数据流（父组件传递给子组件，不可以在子组件中改变）

全栈程序员站长

2022/09/01

2.5K0

vue父组件调用子组件属性_vue子组件获取父组件实例

vue.js

但是在vue3中，很显然使用this.$emit() 已经开始报错了，为什么会报错呢？

全栈程序员站长

2022/11/10

2.1K0

vue中父组件向子组件传值

java https 网络安全

首先在以下案例中，App.vue是父组件，Second-module.vue是子组件。总体来说，父传子就是这四个步骤：父组件的data中定义值，引入并调用子组件，在引用的子组件的标签上通过v-bind指令给子组件传值，子组件通过在data中定义的props属性接收父组件传过来的值然后应用到子组件里。首先，值肯定是定义在父组件中的，供所有子组件共享，所以要在父组件的data中定义值：

全栈程序员站长

2022/09/06

1.4K0

vue父组件操作子组件的方法_vue父组件获取子组件数据

html

我们经常分不清什么是父组件，什么是子组件。现在来简单总结下：我们将某段代码封装成一个组件，而这个组件又在另一个组件中引入，而引入该封装的组件的文件叫做父组件，被引入的组件叫做子组件。具体代码如下

全栈程序员站长

2022/09/19

7K0

vue 父组件调用子组件_react父组件向子组件传值

https 网络安全

1.直接在子组件中通过“this.$parent.event”来调用父组件的方法。

全栈程序员站长

2022/11/15

1.9K0

2020-06-11-ASP.NET Core Blazor 子组件父组件数据同步的问题

wpf bind event mvvm ui

上一篇写数据绑定的文章，写到最后留了一个坑。当子组件绑定父组件的一个字段，并且子组件修改它的时候父组件不能实时进行同步更新UI的问题，最近终于在Blazui作者的指导下搞定了。

MJ.Zhou

2020/06/19

1.2K0

vue父组件引入子组件_vue子组件传递方法给父组件

互联网全栈

全栈程序员站长

2022/11/09

1K0

Vue中父组件向子组件传值

html

Dream城堡

2018/12/06

1.3K0

Blazor创建TabControl组件

css https git github 网络安全

请先创建一个Blazor项目（Blazor Client或者Server皆可，我们以Blazor Server为例），

沙漠尽头的狼

2021/12/08

1.8K0

相似问题

如果子组件更改，如何重新生成父组件？

Blazor组件(服务器端)。隐藏任何共享组件

在Blazor组件中不更新父组件

Blazor父组件布局

120

Blazor:显示子组件中父组件的内容

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问如果子组件未在Blazor应用程序中生成任何标记，则隐藏父组件的部分
EN