Vue ElmentUI message组件customClass使用方法

<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>

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>