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

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

下面是几行测试代码。

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

阅读 3.3k

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

或者你到这里提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...

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

你尚未登录，登录后可以

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

你尚未登录，登录后可以

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