Vue ElmentUI message组件customClass使用方法

Posted 2022-01-06 mm_ll_

<template>
  <el-button :plain="true" @click="success">成功</el-button>
</template>

<script>
  export default 
    methods: 
      success() 
        this.$message(
          message: '恭喜你，这是一条成功消息',
          type: 'success',
          custiomClass:'zdylm'
        );
      
</script>
//注意style上不要加上scped，否则可能会导致样式设置无效，
//如有需要用scoped，可以用如下方法
<style>
    //注意message组件ElementUI样式中有min-width，所以需要加上！important才能生效，
    //另外的属性类似，大家可以自行在页面上引入后查看
    .zdylm
       min-width:20vw!important;
    

</style>

<style scoped>
    //你要写的css样式...
</style>