能否使用dom-repeat处理插槽内容，为插槽子元素包裹<li>标签？

当然可以实现！dom-repeat确实默认是绑定数据属性的，但我们可以通过监听插槽的变化，把插槽里的DOM节点转换成可绑定的数组，再交给dom-repeat来遍历包裹。下面是具体的实现方案：

核心思路 #

1. 监听插槽的slotchange事件，收集插槽内的所有顶级元素节点
2. 将收集到的节点数组绑定到自定义元素的一个属性上
3. 用dom-repeat遍历这个数组，把每个节点包裹在<li>标签中

完整代码示例 #

<dom-module id="my-custom-element">
  <template>
    <section>
      <ul>
        <!-- 遍历slotItems数组，每个节点包裹在<li>里 -->
        <dom-repeat items="{{slotItems}}">
          <template>
            <li>[[item]]</li>
          </template>
        </dom-repeat>
      </ul>
      <!-- 定义插槽，接收外部传入的子元素 -->
      <slot id="contentSlot"></slot>
    </section>
  </template>
  <script>
    class MyCustomElement extends Polymer.Element {
      static get is() { return 'my-custom-element'; }
      
      static get properties() {
        return {
          // 存储插槽内的元素节点数组
          slotItems: {
            type: Array,
            value: () => []
          }
        };
      }

      connectedCallback() {
        super.connectedCallback();
        const contentSlot = this.$.contentSlot;
        
        // 初始化时收集一次插槽节点
        this._refreshSlotItems(contentSlot);
        // 监听插槽内容变化，动态更新数组
        contentSlot.addEventListener('slotchange', () => {
          this._refreshSlotItems(contentSlot);
        });
      }

      _refreshSlotItems(slot) {
        // 获取插槽内的所有节点，flatten: true会包含嵌套插槽的内容（可选）
        // 过滤掉文本节点，避免空格/换行被当成元素处理
        const elements = slot.assignedNodes({ flatten: true })
          .filter(node => node.nodeType === Node.ELEMENT_NODE);
        
        // 如果需要保留原插槽的元素（不移动到列表里），可以克隆节点：
        // this.slotItems = elements.map(el => el.cloneNode(true));
        
        // 默认直接使用原节点，会将节点从插槽移动到<li>中
        this.slotItems = elements;
      }
    }

    customElements.define(MyCustomElement.is, MyCustomElement);
  </script>
</dom-module>

使用示例 #

<my-custom-element>
  <div>第一个自定义元素</div>
  <my-sub-element>第二个子元素</my-sub-element>
  <p>第三个段落元素</p>
</my-custom-element>

关键细节说明 #

• slotchange事件：这个事件会在插槽内容首次加载或动态变化（添加/删除子元素）时触发，确保我们的数组能实时更新。
• 节点过滤：用filter(node => node.nodeType === Node.ELEMENT_NODE)排除了文本节点，避免把插槽里的空格、换行等空内容也包裹成<li>，如果需要保留文本节点可以去掉这个过滤。
• 节点克隆（可选）：默认情况下，把节点赋值给slotItems后，dom-repeat会将节点从原插槽移动到<li>中（因为一个DOM节点只能存在于一个位置）。如果希望原插槽的元素保留，可以用cloneNode(true)克隆节点，这样列表里是副本，原插槽的元素不会被移除。
• dom-repeat渲染DOM节点：Polymer的dom-repeat支持直接渲染DOM节点，[[item]]会自动把节点插入到<li>标签内部。

这样就能完美实现你想要的效果：把插槽里的每个顶级元素都包裹在<li>标签中，并且支持动态更新插槽内容。

内容的提问来源于stack exchange，提问作者Elise