如果不想引入外部库，有没有原生JavaScript的方式来实现呢？

如果你想在没有使用外部库的情况下，用纯JavaScript来设置日期选择器的默认值为上一个自然周，可以使用JavaScript的`Date`对象和一些基本的算数操作。下面是一个示例：

function getLastWeekMonday() {
  const today = new Date();
  today.setDate(today.getDate() - ((today.getDay() + 6) % 7)); // 距离今天最近的周一
  return today;
}

new Vue({
  data() {
    return {
      defaultDate: getLastWeekMonday(),
    };
  },
  components: {
    'el-date-picker': DatePicker,
  },
});

这里定义了一个函数`getLastWeekMonday`，它会返回当前日期往前推到上周一的日期。然后在Vue实例中设置`defaultDate`为这个函数的结果。

然而，这种方法可能会遇到跨年的问题，比如每年的第一个周一可能是上一年的最后一周的周五。如果你需要更精确的逻辑，可能还是需要引入像`moment.js`这样的库。

相关问题

用原生js怎么实现，不引入其他的库

如果你想要完全使用原生JavaScript实现HTML表格数据导出为Excel，虽然相对复杂，但是可以使用Blob和URL.createObjectURL技术。下面是一种基本的实现思路，不依赖于任何外部库：

1. **获取表格数据**：首先，遍历HTML表格的所有行和单元格，存储为二维数组。

function getTableData(tableId) {
  const table = document.getElementById(tableId);
  const rows = [];
  
  for (let i = 0; i < table.rows.length; i++) {
    const row = [];
    for (let j = 0; j < table.rows[i].cells.length; j++) {
      row.push(table.rows[i].cells[j].textContent);
    }
    rows.push(row);
  }

  return rows;
}

2. **构建工作簿和工作表**：手动创建一个简单的键值对表示工作簿和工作表。

3. **生成CSV字符串**：将数据转换为CSV字符串，这是最简单的一种导出格式，然后可以用Blob生成Excel文件。

function createCSVString(data) {
  let csvStr = '';
  data.forEach(row => {
    csvStr += row.join(',') + '\n';
  });
  return csvStr;
}

const csvStr = createCSVString(getTableData('myTable'));

4. **生成Blob和URL**：使用Blob构造函数创建一个Blob对象，然后使用URL.createObjectURL生成临时URL。

const blob = new Blob([csvStr], {type: "text/csv;charset=utf-8"});
const url = URL.createObjectURL(blob);

// 可以下载或显示这个URL
downloadFile(url, 'output.csv'); // 自定义下载函数

5. **清理资源**：记得在不需要时清除URL对象以释放内存。

window.addEventListener('unload', function() {
  URL.revokeObjectURL(url);
});

注意，这种方法对于大型数据集效率较低，因为每次刷新页面都会生成新的Blob对象。而且它并不支持复杂的格式转换，比如公式或样式等。

原生引入element使用抽屉不想用element带的icon

如果你想要在项目中使用Element UI的抽屉功能，但是不想直接依赖它自带的图标，你可以自定义图标或者使用SVG、Font Awesome等外部图标库。步骤如下：

1. **导入元素抽屉组件**：首先，在你的项目中引入Element UI的`el-dialog`抽屉组件。

import { ElDialog } from 'element-plus';

2. **自定义图标**：
- 如果你想用SVG，可以在CSS中创建一个新的伪元素，并设置其内容为SVG路径。例如：

     .custom-dialog-icon::before {
       content: url('path/to/your/icon.svg');
       /* 根据需要调整样式 */
     }

- 如果使用字体图标库（如Font Awesome），先安装并引入库，然后使用相应字符作为图标类名。例如：

     <i class="fas fa-folder"></i>

3. **替换抽屉的默认图标**：
- 在你的HTML模板中，替换`ElDialog`的默认图标属性，将自定义图标类绑定到`v-model`上：

<el-dialog :title="dialogTitle" v-model="showDrawer" :close-on-click-modal="false">
  <!-- ... -->
  <div slot="footer" class="dialog-footer">
    <button @click="handleClose" :class="{ 'dialog-icon': true, 'custom-dialog-icon': true }">关闭</button>
  </div>
</el-dialog>

4. **处理打开和关闭操作**：
更新你的JS代码，确保`handleClose`函数使用了正确的图标。比如，如果是自定义SVG，可能需要动态改变元素的`innerHTML`。

记得在CSS中给`.custom-dialog-icon`添加适当的样式，使其看起来像Element UI的默认图标。