成功
当前位置:   article > 正文

Vue ElmentUI message组件customClass使用方法

customclass
  1. <template>
  2. <el-button :plain="true" @click="success">成功</el-button>
  3. </template>
  4. <script>
  5. export default {
  6. methods: {
  7. success() {
  8. this.$message({
  9. message: '恭喜你,这是一条成功消息',
  10. type: 'success',
  11. custiomClass:'zdylm'
  12. });
  13. }
  14. </script>
  15. //注意style上不要加上scped,否则可能会导致样式设置无效,
  16. //如有需要用scoped,可以用如下方法
  17. <style>
  18. //注意message组件ElementUI样式中有min-width,所以需要加上!important才能生效,
  19. //另外的属性类似,大家可以自行在页面上引入后查看
  20. .zdylm{
  21. min-width:20vw!important;
  22. }
  23. </style>
  24. <style scoped>
  25. //你要写的css样式...
  26. </style>

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop】
推荐阅读
  

闽ICP备14008679号