vue怎么全局修改element样式

可以使用 element-ui 的自定义主题功能来修改全局样式，具体方法如下：

1. 安装 less 和 less-loader

npm install less less-loader --save-dev

2. 在 vue.config.js 中配置 less-loader

module.exports = {
css: {
loaderOptions: {
less: {
modifyVars: {
// 修改主题色
'primary-color': '#409EFF',
// 修改字体大小
'font-size-base': '14px',
// 修改表格边框颜色
'table-border-color': '#ddd'
},
javascriptEnabled: true
}
}
}
}

3. 在 main.js 中引入 element-ui 样式

import 'element-ui/lib/theme-chalk/index.css';

4. 在 App.vue 中使用 element-ui 组件

<template>
<el-button>修改样式</el-button>
</template>

5. 运行项目，即可看到样式已经被修改。

注意：以上方法修改的是全局样式，如果需要修改某个组件的样式，可以使用 scoped 属性或者自定义类名实现。