修改elementui仅当前页面生效

### 回答1：
在修改 Element UI 组件时，如果想要仅当前页面生效，可以使用 scoped CSS。

Scoped CSS 是 CSS 中的一种特性，它允许你为当前作用域定义的 CSS 样式只对当前组件生效。

在 Element UI 的组件中使用 scoped CSS，你只需要在该组件的 style 标签中加入 scoped 属性即可。例如：

<template>
  <!-- 组件模板 -->
</template>

<style scoped>
  /* 这里定义的 CSS 样式只对当前组件生效 */
</style>

这样你就可以在当前组件中修改 Element UI 的样式，而不影响到其他组件。

### 回答2：
要修改 ElementUI 仅当前页面生效，可以使用以下两种方法：

1. 自定义主题：
需要在当前页面中创建一个独立的自定义主题，在该主题中修改 ElementUI 的样式。可以使用 ElementUI 提供的主题配置文件 `element-variables.scss` 进行修改，或者使用 `less` 或 `sass` 等预处理器来自定义样式。
在当前页面的样式文件中引入自定义主题文件，并使用 `@import` 导入 ElementUI 的样式文件，确保自定义样式在 ElementUI 样式之后生效。

2. 使用 scoped 样式：
在当前页面的样式文件中，给所有 ElementUI 的组件的容器元素加上 `scoped` 属性，这样样式只会在当前页面的组件范围内生效，不会影响其他页面的样式。
使用 scoped 样式时，需要注意使用 `/deep/` 或者 `>>>` 符号来修改 ElementUI 组件内部的样式。例如：

   <style scoped>
   .element-button >>> .el-button {
     /* 修改按钮的样式 */
   }
   </style>

这样只会将当前页面的按钮样式修改为指定样式，其他页面的按钮样式不会受到影响。

以上两种方法都可以实现 ElementUI 仅当前页面生效的效果，选择合适的方法根据实际需求来决定。

### 回答3：
要使修改的element-ui仅在当前页面生效，可以按照以下步骤操作：

1. 在你的项目中找到引入element-ui的地方，通常是在`main.js`或者你当前页面的入口文件中引入。
2. 在引入element-ui之前，先引入一个单独的自定义样式文件，例如`custom-elementui.css`。
3. 在`custom-elementui.css`文件中，根据你需要修改的element-ui组件的类名或选择器进行样式修改。例如，如果你想修改按钮的背景颜色，可以添加以下代码：

.el-button {
  background-color: red;
}

4. 在`main.js`（或者你的入口文件）中，通过`import`将`custom-elementui.css`导入。确保它在element-ui的导入之前被导入。示例代码如下：

import Vue from 'vue';
import App from './App.vue';
import './custom-elementui.css';
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

new Vue({
  el: '#app',
  render: h => h(App)
});

这样配置之后，`custom-elementui.css`中的样式修改将仅在当前页面生效。其他页面引入element-ui时不会受到影响。

需要注意的是，这种方法只适用于修改element-ui组件的默认样式。如果需要修改更为复杂的功能或组件行为，可能需要进一步的定制化操作。