iview中实现this.$Modal.confirm自定义弹出框换行加样式
更新时间：2022年09月09日 15:50:07 作者：limit for me
这篇文章主要介绍了iview中实现this.$Modal.confirm自定义弹出框换行加样式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
iview中this.$Modal.confirm自定义弹出框换行加样式
this.$Modal.confirm({
title: "确认调整",//标题
render: (h, params) => {
return h("div", [
h(
"p",
{
style: {
marginLeft: "10px",
},
},
"您确认要调整该数据?"
),
h(
"p",
{
style: {
color: "grey",
fontStyle: "italic",
marginLeft: "10px",
},
},
"提示：请耐心等待"
),
]);
},
loading: true,
onOk: () => {
//点击确认的方法
},
});
}
效果：
使用iview插件中this.$Modal.confirm修改按钮样式
在iview的modal中，this.$Modal.confirm的取消按钮默认是无边框颜色的，但是因为项目UI的设计需要在选中的时候有边框效果，在选中时也需要有边框效果，经过查询官方文档，render只是修改content内容，并没有针对footer的修改方式，因此只能采取修改全局样式的方法
具体代码如下：
最终效果如下
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
关于vue 组件还是非常好用的,真正掌握预计需要一段时间,下面这篇文章主要给大家介绍了关于Vue3自动引入组件与组件库的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
Vue Mock.js介绍和使用与首页导航栏左侧菜单搭建过程
Mock.js是一个模拟数据的生成器，用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率，这篇文章主要介绍了Vue Mock.js介绍和使用与首页导航栏左侧菜单搭建,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了关于表单组件el-form中的prop的作用，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
本文主要介绍了使用Elemen加上lang=“ts“后编译报错，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-04-04
这篇文章主要介绍了Vuejs从数组中删除元素的示例代码,本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-02-02
这篇文章主要介绍了Vue注册模块与登录状态的持久化实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
这篇文章主要介绍了vue background-image 不显示问题的解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了vue在mounted拿不到props中传递的数据问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-03-03
本篇文章主要介绍了详解vue2路由vue-router配置（懒加载），实例分析了vue-router懒加载的技巧，非常具有实用价值，需要的朋友可以参考下2017-04-04
Vue Router是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转2023-01-01
最新评论