当前位置：文江博客话题详情

Avalon2 组件在for 循环中 slot 卡槽元素无法生效

发布于 2022-09-04 05:16:22 字数 395 浏览 19 评论 0

我有一个组件需要在 ms-for 中使用，发现 slot 卡槽不能正常工作，如果放在循环外面就是可以的。

下面是几行测试代码。

放在循环内部的时候slot元素节点就不见了。

收藏 0

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

评论（2）

感悟人生的甜 2022-09-11 05:16:22

能给一个完整的例子吗?人呢？

https://github.com/RubyLouvre...

或者你到这里提ISSUE吧


<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="renderer" content="webkit">
  <script src="./dist/avalon.js"></script>
  <title></title>
  <script>
      avalon.component('ms-test',{
          template: "<div class='test'><b>{{@ccc}}</b><slot name='sss' /></div>",
            defaults: {
                ccc: 111
            }
      })
      avalon.define({
          $id: 'test',
          aaa: 111
      })
      </script>
</head>
<body ms-controller="test">
<ms-test>
    <p slot="sss">这是插值</p>
</ms-test>

</body>
</html>

这是使用循环后


<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="renderer" content="webkit">
  <script src="./dist/avalon.js"></script>
  <title></title>
  <script>
      avalon.component('ms-test',{
          template: "<div class='test'><b>{{@ccc}}</b><slot name='sss' /></div>",
            defaults: {
                ccc: 111
            }
      })
      avalon.define({
          $id: 'test',
          aaa: 111,
          arr: [22,33,44]
      })
      </script>
</head>
<body ms-controller="test">
    <div ms-for="el in @arr">
           
<ms-test ms-widget="{ccc: el}">
    <p slot="sss">这是插值</p>
</ms-test>
 </div>

</body>
</html>

好像已经修好了

https://github.com/RubyLouvre...

花开半夏魅人心 2022-09-11 05:16:22

我也是遇到了这个问题！好烦……

~没有更多了~

关于作者

暂无简介

0 文章

0 评论

21 人气

关注发私信

相关话题

热门标签

操作系统程序设计 IT运维 Linux系统管理 JavaScript 服务器应用 solaris C/C++ PHP Shell BSD Vue.js aix Oracle Python HTML 系统管理 HTML5 CSS 前端

推荐作者

qq_FjTq5B

文章 0 评论 0

18273202778

文章 0 评论 0

WordPress小学生

文章 0 评论 0

〃温暖了心ぐ

文章 0 评论 0

迷乱花海

文章 0 评论 0

niuniu

文章 0 评论 0

友情链接

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。

原文