<style lang="scss" scoped>
/*alert 成功弹出框样式*/
.el-message {
border: 1px dashed blue;
min-width: 1380px;
}
</style>

el-message样式修改无效怎么搞?
- 写回答
- 好问题 0 提建议
- 关注问题
- 邀请回答
-
4条回答 默认 最新
- CSDN专家-showbo 2021-09-05 16:18关注
加了scoped后使用到里面样式的dom会添加data-v-xxxx这种属性防止css污染,但是this.$message生成的dom是没有添加data-v-xxx属性的,所以样式无效。
可以用js动态设置,但是还需要修改内部元素的样式操作起来就比较麻烦了
this.$message({ message:'登录失败', center:true, type:'error', duration:0 }); var el=document.querySelector('.el-message'); if(el)el.style.cssText=' border: 1px dashed blue; min-width: 1380px;'
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 9无用