1，在選擇器前面加個Id選擇器來限制
<template>
<div id="wrapper">
</div>
</template>
<style>
#warp .el-dialog{
width:800px
}
</style>
2，使用/deep/
在vue中，我們為了避免父組件的樣式影響到子組件的樣式，會在style中加<style scoped>，這樣父組件中如果有跟子組件相同的class名稱或者使用選擇器的時候，就不會影響到子組件的樣式。如果讓父組件的樣影響到子組件，那么我們就需要/deep/
<template>
<div id="wrapper">
</div>
</template>
<style scoped>
/deep/ .el-dialog{
width:800px
}
</style>
當然了把 /deep/ 換成 >>>，也可以達到同樣的效果