vue项目中使用iview插件中this.$Modal.confirm的使用方法

最新推荐文章于 2024-07-15 14:32:03 发布
最新推荐文章于 2024-07-15 14:32:03 发布
阅读量3.3w 收藏 19
点赞数 2
分类专栏： iview插件confirm 文章标签： vue中iview插件中的confirm用法
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/loveqdm/article/details/95864599
版权

当我们项目中需要根据id或者其他删除一个选项时，我们会首先弹出确认删除对话框，询问用户是否删除，iview中confirm的用法与elment-ui不同，官方链接：https://www.iviewui.com/components/modal 页面最下方
在这里插入图片描述

具体用法如下：
首先，在iview.js中挂载：在这里插入图片描述
然后，在事件函数中调用 confirm方法，具体代码如下：

在这里插入图片描述

惊慌失措中...
关注
  • 2
    点赞
  • 踩
  • 19
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
Vue中的this.$options.data()和this.$data用法说明
10-15
在Vue.js框架中，`this.$options` 和 `this.$data` 是两个非常重要的属性，它们分别用于获取组件的配置选项和当前实例的数据对象。在开发过程中，正确理解和使用这两个属性对于管理组件的状态至关重要。 首先，`...
this.$modal.confirm的使用方法
热门推荐
m0_72167535的博客
11-26 1万+
this.$modal.confirm的使用方法
vue confirm使用
kitonGao的博客
10-16 1990
【代码】vue confirm使用。
vue修改this.$modal.confirm的文字样式、自定义样式代码实例
最新发布
此时此刻的博客
07-15 491
【代码】vue修改this.$modal.confirm的文字样式、自定义样式代码实例。
vue element插件this.$confirm修改默认样式
aaa123aaasqw的博客
11-16 662
1.在App.vue全局添加样式。
iview中this.$Modal.confirm自定义弹出框换行加样式
limmt2020的博客
05-27 4863
iview中this.$Modal.confirm自定义弹出框换行加样式 this.$Modal.confirm({ title: "确认调整",//标题 render: (h, params) => { return h("div", [ h( "p", { style: {
提示确认和取消按钮点击确认，回调一个函数
weixin_45605450的博客
07-18 1206
前端页面提示问题，点击确认回调函数
在Vue中使用this.$store或者是$route一直报错的解决
10-16
例如，如果在组件的方法中使用箭头函数，那么其中的this将不会指向当前Vue实例，因此无法访问到this.$store或this.$route。 为解决此类问题，可以采取如下措施： - 在方法中直接使用普通函数而非箭头函数； - ...
vue中 this.$set的用法详解
10-16
在Vue.js框架中，`this.$set` 是一个关键的方法，用于处理响应式数据更新的问题。在某些情况下，当你尝试直接修改对象的属性或数组的元素时，Vue可能无法检测到这些变化，进而不会自动更新视图。`this.$set` 方法...
Vue中this.$router.push参数获取方法
11-26
由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。 及通过路由配置的name属性访问 在路由配置文件中定义参数：   通过name...
vue项目中使用iview插件中this.$Modal.confirm修改按钮样式
weixin_49281747的博客
04-09 4438
在iview的modal中，this.$Modal.confirm的取消按钮默认是无边框颜色的，但是因为项目UI的设计需要在选中的时候有边框效果，在选中时也需要有边框效果，经过查询官方文档，render只是修改content内容，并没有针对footer的修改方式，因此只能采取修改全局样式的方法，具体代码如下 最终效果如下 ...
使用this.$modal.confirm进行二次触发时会出现第二个对话框闪退的问题
吕小威的博客
12-30 4240
iview的警告弹窗使用 iview Modal 二次警告弹窗会出现第二个弹窗闪退 解决方法：添加延迟 this.$Modal.confirm({ title: '删除确认', okText: '是', cancelText: '否', content: '确认删除', onOk: () => { setTimeout(()=>{ this.$Modal.confirm({
vue自定义实例化modal弹窗
小罗伯特
09-26 1477
vue自定义实例化modal弹窗
浏览器js打印
weixin_44837958的博客
09-09 297
js局部打印 <div class="wrapper wrapper-content animated fadeInRight"> <div class="ibox-content"> <div class="row"> <!--startprint--> 要打印的内容 <!--endprint--> <div class="t
总结：vue 弹窗的几总方式
u010603891的博客
08-29 6271
前提：已经引入Modal 点击测试按钮出现弹框； &lt;Button type="primary" @click="test"&gt;测试&lt;/Button&gt; 一：简单使用Modal;    在&lt;template&gt;中写html中： 把弹窗的内容写上： &lt;!--test窗口--&gt; &lt;Modal v-model="isDisp
this.$modal.confirm 自定义按钮关闭_自定义函数，让你玩转Excel得心应手
weixin_39562579的博客
12-10 2066
让“自动更正”输入统一的文本，你是不是经常为输入某些固定的文本,如《电脑报》而烦恼呢?那就往下看吧。 1.执行“工具→自动更正”命令,打开“自动更正”对话框。 2.在“替换”下面的方框中输入“pcw”(也可以是其他字符,“pcw”用小写),在“替换为”下面的方框中输入“《电脑报》”,再单击“添加”和“确定”按钮。 3.以后如果需要输入上述文本时,只要输入“pcw”字符?此时可以不考虑“pcw”的...
28、python模块导入几种方式
zhaopeng01zp的博客
10-27 260
模块的引用我们要建两个文件，一个模块文件，一个运行测试文件。 # 模块文件 myMod.py print("in my mod") def modFunc(): print("function modfunc") class MyMod(): def __init__(self): print("Create MyMod") # 测试文件 testModule.py print("Test Module") # 导入模块 import myMod # impo
React-ant-design关于Modal中Confirm内部中this指向问题
WebView
12-31 2594
1、 这是官方组件代码,这里需要注意的是 在confirm中，this指向永远在其内部中，这就是容易踩坑的点。 confirm({ title: 'Do you want to delete these items?', content: 'When clicked the OK button, this dialog will be closed after 1 second',...
this.$Modal.confirm点击确定触发onok()=>{}的时候怎么阻止对话框默认关闭行为
06-09
在 iView 中，使用 `this.$Modal.confirm` 弹出的确认对话框，可以通过在 `on-ok` 函数中使用 `e.preventDefault()` 方法来阻止对话框默认的关闭行为。具体实现方式如下： ```vue <template> <div> <Button type="primary" @click="showConfirm">打开确认对话框</Button> </div> </template> <script> export default { methods: { showConfirm() { this.$Modal.confirm({ title: '确认对话框', content: '你确定要执行此操作吗？', onOk: e => { // 阻止对话框默认关闭行为 e.preventDefault(); // 其他操作 console.log('点击确定按钮'); } }); } } } </script> ``` 在 `onOk` 函数中，我们使用箭头函数来定义函数体，并使用 `e.preventDefault()` 方法来阻止默认的关闭事件。这样点击确定按钮时，确认对话框就不会关闭，可以在函数中执行其他操作，比如发送请求等。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值