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

环境: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主页面上做插片

阅读 2.6k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进