同样的append插槽值不同的页面如何隔开

要在同一个append插槽中插入不同的页面，可以使用条件语句或循环语句来区分不同的情况。

以下是一个示例，使用条件语句来判断插入的页面：

// 在主页面中的append插槽中插入不同的页面
const pageType = 'page1'; // 根据需要设置页面类型

if (pageType === 'page1') {
  // 插入页面1的内容
  document.getElementById('append-slot').innerHTML = '<h1>页面1</h1>';
} else if (pageType === 'page2') {
  // 插入页面2的内容
  document.getElementById('append-slot').innerHTML = '<h1>页面2</h1>';
} else {
  // 插入默认页面的内容
  document.getElementById('append-slot').innerHTML = '<h1>默认页面</h1>';
}

另一种方法是使用循环语句，根据页面数组中的索引来插入不同的页面：

// 在主页面中的append插槽中插入不同的页面
const pages = ['页面1', '页面2', '页面3']; // 根据需要设置页面数组

for (let i = 0; i < pages.length; i++) {
  document.getElementById('append-slot').innerHTML += `<h1>${pages[i]}</h1>`;
}

这两种方法都能够根据不同的条件或循环来插入不同的页面，可以根据具体的需求选择适合的方法