avalon2组件 插槽死活插不进数据

发布于 2022-09-03 14:52:53 字数 1139 浏览 12 评论 0

环境:webpack打包
组件:

avalon.component("ul_li_slot",{
    template: '<ul><li :for="el in @rows"><slot name="content"></slot></li></ul>',
    defaults: {
        rows: [1,2,3],
    },
    soleSlot: 'content'
})

页面:

 <xmp :widget="[{is:'ul_li_slot'}]">
      <div slot="content">dfgdsgdfsgdf</div>
 </xmp>

显示:

clipboard.png

问题:我写法有没有错?我继续查查。。。

后续:

  <ul_li_slot>
  <div slot="content">dfgdsgdfsgdf</div>
  </ul_li_slot>
  //我发现这样写页面有显示,元素也插进去了,但是只插了一次

clipboard.png
这是为什么啊?我绑定了controller的呀

<body ms-controller="xyparty">

再后续:目前查出问题是在li 标签上使用了for循环引起的,插槽name唯一,那么问题来了。请问如何能够使插槽元素也随之循环呢?????当然循环时还要调用循环当前对象
PS:我不想把html写到外部一个专门的template块页面,就想写在js里或者html主页面上做插片

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

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

发布评论

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

评论(1

谁的年少不轻狂 2022-09-10 14:52:53

什么版本,我记得有一个版本不小心改坏了, https://github.com/RubyLouvre...

用这个版本试试

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