上一次我学到了vue引用element的按钮测试，更改按钮颜色的时候，我跟的up主只告知了一种颜色即红色，但是他是这样写的：

<el-button type="danger''></el-button>

按钮变成红色使用的是danger，我想能不能换成red,试着换了一下，但是没有成功，页面上的按钮回到了初试默认的白色，于是我搜索了Vue颜色大全

传送门(10条消息) Vue建站：前端常用色彩汇总（转载）_vue 色号_一颗橡树的博客-CSDN博客

搜到了红色的代码#FF0000可是依然不变。于是我找到了这篇博客Vue3组件库实现 - Button组件篇 - 掘金 (juejin.cn)好像只有type: primary || info || success || warning || danger这五种颜色。我已经试过啦 是可以变得！

但是我觉得肯定不止这几个颜色，可能是我还没掌握方法。

原文章中这几个颜色代表的按钮意义

 

primary的颜色

info：

success：

warning： 

danger： 

先到这里吧~ 

 

 

# vue.js # javascript # 前端
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue