24
4
I need to know how many children are in a <slot /> is this possible? For example:
我想知道一个<槽/>里有多少个孩子，这可能吗？例如：
个人中心
文章发布
退出// Parent.svelte
<script>
let count = 0 // how to get something like slot.children.count??
</script>
<slot />
// Child.svelte
<div>child</div>
Usage:
用途：
<Parent> // count inside parent should be set to 3
<Child />
<Child />
<Child />
</Parent>
Not sure if I"m missing something obvious but I can't find this capability anywhere.
我不确定我是否遗漏了什么明显的东西，但我在任何地方都找不到这种功能。
After trying many different approaches without success, I have the rest of the functionality that needs to know the count working by just passing the count, but it really is not ideal:
在尝试了许多不同的方法都没有成功之后，我只需传递计数就可以知道计数的其余功能，但这真的不是很理想：
// Parent.svelte
<script>
export let count
</script>
<slot />
And use like:
并使用如下方式：
<Parent count={3}>
<Child />
<Child />
<Child />
</Parent>
But it would be much simpler to be able to calculate the child count to avoid mismatching between the amount of children and the count
但是，能够计算子计数以避免子数和计数之间的不匹配会简单得多
If the components can be coupled without causing issues elsewhere, you can define a context in the parent, get it in the child and make it "register" itself there.
如果组件可以耦合在一起而不会在其他地方引起问题，那么您可以在父级中定义上下文，将其放在子级中，并让它在那里“注册”自己。
Something along the lines of:
大概是这样的事情：
// in parent
// Use a store for reactivity
const count = setContext('count', writable(0));
<span>Child count: {$count}</span>
// in child
getContext('count').update(i => i + 1)
You could also query the DOM, though I would not recommend that.
您也可以查询DOM，尽管我不建议这样做。
There currently is no programmatic access to slot contents, except checking whether it was set at all.
目前没有对槽内容的编程访问，除了检查它是否被设置。
That is what I'm doing now... I am able to count them no problem. Now I need to run a function with some data from each child but only run it with all the data not for each child. I think I've almost got it working
这就是我现在正在做的..。我能数出来，没问题。现在，我需要运行一个函数，其中包含来自每个子对象的一些数据，但只运行包含所有数据的函数，而不是每个子对象。我想我快把它修好了
You should ask questions about your actual goal, not some small part of what you think you need to do. Maybe your whole approach is not suitable and something else should be done entirely.
你应该问关于你实际目标的问题，而不是你认为你需要做的事情的一小部分。也许你的整个方法都不合适，应该完全做一些其他的事情。
Exactly, this reminds me to a possible XY-Problem
没错，这让我想起了一个可能的XY问题
This was my actual goal... But once I got that working and started integrating it, I realized I also needed to be able to have the parent function run with all children as inputs, for a parent like <Sum />, ie: <Sum><Number num={1}/><Number num={1}/><Number num={1}/></Sum> stackoverflow.com/questions/77062764/…
这是我的实际目标..。但一旦我开始工作并开始集成它，我意识到我还需要能够让父函数以所有子对象作为输入来运行，对于像
Either update the question, or create a new one which includes the real problem or something that is actually representative of it. Would recommend the latter, shifting goal posts are not great and more people will probably see the new question. In any case, the comments are not the place for this.
要么更新问题，要么创建一个包含真正问题或实际代表问题的新问题。我会推荐后者，改变目标位置并不是很好，更多的人可能会看到新的问题。在任何情况下，评论都不是这个地方。
24
4
0
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗？更新问题，以便 editing this post 可以用事实和引文来回答它。 . 已关闭 4 年前。 Improv
PowerShell Web Access 允许您通过 Web 浏览器运行 PowerShell cmdlet。它显示了一个基于 Web 的控制台窗口。 有没有办法运行 cmdlet 而无需在控制台窗
我尝试在无需用户登录的情况下访问 Sharepoint 文件。 我可以通过以下任一方式获取访问 token 方法一: var client = new RestClient("https://logi
我目前正在尝试通过 Chrome 扩展程序访问 Google 服务。我的理解是，对于 JS 应用程序，Google 首选的身份验证机制是 OAuth。我的应用目前已成功通过 OAuth 向服务进行身份
假设我有纯抽象类 IHandler 和派生自它的类: class IHandler { public: virtual int process_input(char input) = 0; };
我有一个带有 ThymeLeaf 和 Dojo 的 Spring 应用程序，这给我带来了问题。当我从我的 HTML 文件中引用 CSS 文件时，它们在 Firebug 中显示为中止。但是，当我通过在地
这个问题已经有答案了: JavaScript property access: dot notation vs. brackets? (17 个回答) 已关闭 6 年前。 为什么这不起作用？ func
我想将所有流量重定向到 https，只有 robot.txt 应该可以通过 http 访问。 是否可以为 robot.txt 文件创建异常(exception)？ 我的 .htaccess 文件: R
我遇到了 LinkedIn OAuth2: "Unable to verify access token" 中描述的相同问题;但是，那里描述的解决方案并不能解决我的问题。 我能够成功请求访问 toke
问题 我有一个暴露给 *:8080 的 Docker 服务容器. 我无法通过 localhost:8080 访问容器. Chrome /curl无限期挂断。 但是如果我使用任何其他本地IP，我就可以访
我正在使用 Google 的 Oauth 2.0 来获取用户的 access_token，但我不知道如何将它与 imaplib 一起使用来访问收件箱。 最佳答案 下面是带有 oauth 2.0 的 I
我正在做 docker 入门指南:https://docs.docker.com/get-started/part3/#recap-and-cheat-sheet-optional docker-co
我正在尝试使用静态 IP 在 AKS 上创建一个 Web 应用程序，自然找到了一个带有 Nginx ingress controller in Azure's documentation 的解决方案。
这是我在名为 foo.js 的文件中的代码。 console.log('module.exports:', module.exports) console.log('module.id:', modu
我试图理解访问键。我读过https://docs.aws.amazon.com/general/latest/gr/aws-sec-cred-types.html#access-keys-and-se
我正在使用 MGTwitterEngine"将 twitter 集成到我的应用程序中。它在 iOS 4.2 上运行良好。当我尝试从任何 iOS 5 设备访问 twitter 时，我遇到了身份验证 to
我试图理解访问键。我读过https://docs.aws.amazon.com/general/latest/gr/aws-sec-cred-types.html#access-keys-and-se
我正在使用以下 API 列出我的 Facebook 好友。 https://graph.facebook.com/me/friends?access_token= ??? 我想知道访问 token 过
401 Unauthorized - Show headers - { "error": { "errors": [ { "domain": "global", "reas
我已经将我的 django 应用程序部署到 heroku 并使用 Amazon s3 存储桶存储静态文件，我发现从 s3 存储桶到 heroku 获取数据没有问题。但是，当我测试查看内容存储位置时，除
我是一名优秀的程序员,十分优秀！