成功
赞
踩
- <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>
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。