怎么修改elementui默认样式仅当前页面生效

### 回答1：
在当前页面生效修改 ElementUI 默认样式的方法是在当前页面的 CSS 样式文件中定义覆盖 ElementUI 组件的样式，比如你可以这样实现：

1. 在当前页面的 CSS 样式文件中引入 ElementUI 样式文件：

@import "~element-ui/lib/theme-chalk/index.css";

2. 在 CSS 样式文件中定义覆盖 ElementUI 组件的样式：

.el-button {
  background-color: blue;
  color: white;
}

以上样式会覆盖所有在当前页面中使用的 ElementUI 按钮组件的样式，并且仅对当前页面生效。

### 回答2：
要修改ElementUI默认样式仅在当前页面生效，可以使用scoped样式。Scoped样式是Vue框架中的一种特殊样式，它只在当前组件的作用域中生效，不会影响其他组件。

首先，需要在当前页面的样式文件中引入ElementUI的默认样式表。可以使用@import语句导入ElementUI的样式文件，确保样式表被正确引入。

然后，在需要修改样式的HTML元素上添加scoped属性，这会将样式限定在当前组件中。例如，如果需要修改ElementUI表格的样式，可以创建一个table标签，并且为该标签添加scoped属性。

在scoped样式中，可以使用与普通样式相同的CSS选择器和属性来修改样式。例如，可以使用类名选择器修改特定元素的样式，也可以使用标签选择器选择所有符合条件的元素，并修改它们的样式。

最后，编写需要的样式规则来修改ElementUI默认样式。通过在scoped样式中添加额外的样式规则，可以覆盖ElementUI默认样式，并实现样式的修改。

需要注意的是，scoped样式只对当前页面生效，不会影响其他页面或组件的样式。如果需要在其他页面中修改ElementUI默认样式，需要分别在每个页面中进行设置。

总的来说，要修改ElementUI默认样式仅在当前页面生效，可以使用scoped样式来限定样式的作用域，并在需要修改的HTML元素上添加scoped属性。然后，在scoped样式中编写需要的样式规则，来覆盖ElementUI默认样式。