Vue ElmentUI message组件customClass使用方法
<template><el-button :plain="true" @click="success">成功</el-button></template><script>export default {methods: {success() {this.$message({message: '恭喜你,这是一条成功消息',type: 'su
·
<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>
更多推荐
已为社区贡献1条内容
所有评论(0)