需求:需要二次确认,但是按钮需要呈现为红色
this.$confirm('驳回后可进行重新修改并提交!', {
confirmButtonText: '确定驳回',
cancelButtonText: '取消',
confirmButtonClass: 'btnClass',
type: 'warning'
}).then(() => {
console.log('点击确认页面!!!')
})
btnClass的样式,
.btnClass{
color: #fff;
background-color: #F56C6C !important;
border-color: #F56C6C !important;
}
注意: 按钮样式没有实现
<style scoped lang="scss">
</style>
把这里的”scoped“ 字段去掉即可实现,(确保标签内无其他样式,这个地方去掉 打包会成为公共样式)
scoped是为了实现组件的私有化,表示style只属于当前模块,不对全局造成污染。