繁体   English   中英

"如何获取 VueJS 组件中的插槽数"

How to get number of slot in a VueJS component

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我需要我的组件来获取插槽号被父组件占用
例如:

这是组件:

<template>
  <div>
    <slot/>
  </div>
</template>
<script>
  name: 'comp',
  data() {
    return {
      nslot: 0
    }
  }
</script>

这是家长

<template>
  <div>
    <component>
      <button slot=""></button>
    <component/>
  </div>
</template>
<script>
  name: 'comp'
</script>

我该怎么办? 我想在“nslot”变量中获取已使用插槽的数量

问题暂未有回复.您可以查看右边的相关问题.
1 vuejs - 如何在组件安装后显示插槽

我想隐藏组件中的插槽,并在安装组件时也显示该插槽。 index.blade.php 索引.vue 更新 我有一些其他类型的插槽正在工作: index.blade.php 索引.vue 但我不知道如何用顶部的插槽来做。 ...

2 如何在组件vuejs中显示带有插槽的原始HTML

我如何在Vuejs中将&lt;form-label class="align-left"&gt;パスワードの再設定を行います。&lt;/form-label&gt;为组件中插槽的文本? 我已经尝试过了,但是$ refs.source.innerHTML是编译源,我不希望这样。 我 ...

2019-01-28 05:35:45 1 235   vue.js
3 VueJs:组件槽作为属性

我已经阅读了文档,但不确定我想要实现的目标是否真的可行。 我所追求的是包含 html 标签的组件属性,这显然会产生无效的 html - 因此我想知道是否有一种方法可以将 html 传递到组件中并通过发出的事件进一步发送它。 最合适的方法是named slot ,但我认为我不能将命名 slot 的内容 ...

4 Vuejs:动态CSS到组件插槽?

我想知道如何设计组件插槽的样式,或者是否有更好的方法可以做到这一点。 我创建了一个组件来处理已设置的动画sass文件的颜色。 我正在尝试使用Vue组件动态更改动画颜色以避免冗余。 我是Vue组件的新手,但找不到任何可以回答我问题的东西,因此,如果有更好的方法可以解决此问题,请告诉我! Navba ...

5 vuejs插槽作为单个文件组件

我是一名新手,正在尝试实现以下目标: 我正在使用vue-multiselect( https://vue-multiselect.js.org/ ),它支持广告位,因此我可以自定义选项和标签 这工作正常,是一个非常不错的功能,但是现在我的项目中将有多个multiselect,并且选项 ...

6 vuejs如何将v插槽引用移至组件中?

我不太了解如何将v-slot数据移动到组件中。 假设我要重构以下代码: 如何在新组件中传递数据? 我用props尝试了一下,但是组件没有显示出来: ListElementAvatar: 我要实现的目标:我正在尝试重构代码,即创建小的组件。 第一个清单中的代码应放 ...

7 如何更改VueJS的 组件创建之前的内容

我有一个VueJS组件, comp.vue : 我将这个Vue组件称为其他任何组件: 我想在渲染comp.vue之前更改其插槽,以便如果插槽包含单词“ title”,则该插槽将被包含在&lt;h1&gt; ,从而导致 并且如果该插槽包含“段落”,则该插槽将包含在&l ...

8 如何获取插槽中的任何组件以返回数据

我想知道如何在插槽中获取组件以根据命令返回一些数据。 示例:子类如下: 我希望插槽中的组件在(例如)单击按钮时将数据返回到子类。 也许与发射? 插槽中的组件是否可以在单击按钮时执行子类的方法? 这样也许: 因此,插槽中的组件可以只使用该方法,而父类不必绑定任何东西。 谢谢! ...

10 如何在vuejs中获取组件属性?

我正在尝试在我的应用程序中构建拖放功能,并为此使用Muuri库。 当用户更改事物的顺序(在我的情况下是技能卡)时,我需要获取新的顺序并将其发布到服务器。 我可以获取HTML元素的列表,但是无法访问该卡(也是Vue组件)上的skillName属性。 我不想获得某个特定的div和/或i ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM