vue-bulma-dialog 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
vue-bulma-dialog 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
vue-bulma-dialog 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
vue-bulma-dialog 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
vue-bulma-dialog 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
所属分类 Web应用开发Vue 组件
开源组织
地区 国产
提 交 者 东北的冬
适用人群 未知
收录时间 2017-09-25

软件简介

vue-bulma-dialog 是基于 Vue2、bulma0.5.3 实现的弹层组件。接口借鉴了 layer 的使用方式,调用比较简单,配置灵活。

当前版本: v1.0.0

主要功能包括:

1、自定义弹层宽度、自定义标题、自定义按钮文字

2、自定义内容,可是是HTML,也可以是Vue组件

使用方法:

1、引入组件

$ npm install vue-bulma-dialog -save

2、在项目引入,并使用 

import Dialog from 'vue-bulma-dialog';

this.$Dialog.alert('Hello World!');

项目截图:

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2019/10/14 14:16

Vue设置element的dialog

1、设置css:参考https://www.jianshu.com/p/a3eb60b75b92 <style> .el-dialog { max-height: 600px; display: flex; flex-direction: column; } .el-dialog__body { overflow: auto; } </style> 2、设置dialog可移动:参考https://www.jianshu.com/p/0daf43364da5 import Vue from 'v...

0
0
发表了博客
2018/11/20 15:50

vue-element-dialog使用

logout() { this.$confirm("你确定退出吗?", "提示:", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(x => { localStorage.removeItem("token"); location.reload(); }); }...

0
0
发表了博客
2017/10/04 17:35

nuxt vue 引入 bulma jquery

1.引入 jquery npm install --save jquery // cnpm install --save jquery home.vue import $ from 'jquery' // this is n...

0
0
发表了博客
2018/12/27 18:24

vue--vant组件库Dialog弹出框

安装vant UI框架: cnpm install vant –-save-dev 导入组件-在main.js里: import Vant from 'vant'; import'vant/lib/vant-css/index.css'; Vue.use('Vant') Dialog弹出框我们并不陌生,项目中的活动规则啊,登录注册啊,分享啊等等都会使用到弹出框 弹出框和toast的区别是不能自动消失,因为往往弹出框里的内容比较...

0
0
发表了博客
2020/04/14 13:50

Vue - Vue-CLI2 和 Vue-CLI3、Vue-CLI4的区别

周末在家新建了一个 Vue 测试项目,但不管怎么建,总会提示一些 有的没的,杂七杂八的信息,如:找不到 funding、存在多少漏洞(vulnerabilities) 什么的。如下所示: 寻思着,出现这些问题的原因,应该是一些 不太重要的依赖包 更新了版本 或 迁移了地址,导致之前的 Vue-CLI 找不到 对应的版本 或 依赖包地址了。 虽然暂...

0
1
2020/11/19 00:00

VUE|Vue实例

欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。 欢迎加入团队圈子!与作者面对面!直接点击! 1.创建一个Vue实例 之前初步学习了Vue的安装...

0
0
发表了博客
2018/04/27 14:00

Vue--vue-Router

一.vue路由的基本使用 为什么需要路由? 因为我们通过component切换组件无法给组件传递参数 component切换组件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta http-equiv="X-UA-Compatible" con...

0
1
发表了博客
2020/08/22 00:00

VUE|Vue实例

欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。 欢迎加入团队圈子!与作者面对面!直接点击! 1.创建一个Vue实例 之前初步学习了Vue的安装...

0
0
发表于数据库专区
2020/01/02 10:21

VUE-认识Vue

1.认识Vue Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有...

0
0
发表于数据库专区
2020/01/02 10:45

VUE-Vue实例

4.Vue实例 4.1.创建Vue实例 每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的: var vm = new Vue({ // 选项 }) 在构造函数中传入一个对象,并且在对象中声明各种Vue需要的数据和方法,包括: el...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
9 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部