vue+iview写个弹框的示例代码

前端之家收集整理的这篇文章主要介绍了vue+iview写个弹框的示例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

iView 是一套基于Vue.js的开源UI组件库,主要服务于PC界面的中后台产品。

1、iView的特性

1) 高质量、功能丰富 2) 友好的API ,自由灵活地使用空间 3) 细致、漂亮的 UI 4) 事无巨细的文档 5) 可自定义主题

2、iView的安装:

1) 使用npm:

2) CDN引入:

大概思路就是先命名一个变量loading,这里必须为true,然后在点击弹框的提交按钮的时候先把loading设置为false,然后必须加上

this.$nextTick(() => { this.loading = true;});就能实现效果啦,具体实现原理,这坑遇到了,就先记录下来

传送门-->https://github.com/iview/iview/issues/597#issuecomment-292422473

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的Vue相关文章