Skip to content

Latest commit

 

History

History
73 lines (53 loc) · 2.12 KB

ChineaseREADME.md

File metadata and controls

73 lines (53 loc) · 2.12 KB
Raw

vue2-dialog

A mobile Vue plugin for Dialog

pluginName: vue2-dialog

version: 1.1.0

author: Alan Chen

github: alanchenchen@github.com

date: 2018/10/15

此插件只适配了移动端，必须使用rem布局，否则在某些组件中会无法使用。有问题请直接提issue.

插件能做什么

  • 你可以用插件来做Alert,Confirm,ActionSheet(类似微信的上拉通知栏),Toast等弹窗组件，也可以使用插件内置的CascadingPicker(三级联动选择器),Loading(全屏loading动画) and Scroller(集成上拉加载，下拉刷新和嵌到滚动多种功能)

dialog

使用方法

  • 通过NPM下载安装插件
	yarn add vue2-dialog or npm install vue2-dialog --save

1.在vue单文件里使用(vue-cli)

  • 通过import或者require 导入插件,手动调用Vue.use() ,全局调用(直接加载所有的组件)
import VueDialog from 'vue2-dialog'
import 'vue2-dialog/dist/VueDialog.css'

Vue.use(VueDialog)
  • 通过import或者require 导入插件,手动调用Vue.component() ,按需加载(只会加载你需要的组件)
import { Scroller, Alert, Confirm } from 'vue2-dialog'
import 'vue2-dialog/dist/VueDialog.css'

Vue.component(Scroller.name, Scroller)
Vue.component(Alert.name, Alert)
Vue.component(Confirm.name, Confirm)

2.在script标签里使用

  • 直接在script标签里通过src引入，但你必须先引入vuejs的script
<link href="node_modules/vue2-dialog/dist/VueDialog.css"></link>
<script src="node_modules/vue2-dialog/dist/VueDialog.js"></script>
  • 直接在vue单文件组件里使用或者在html里使用组件
<Alert />
<Confirm />
<Toast />
<Scroller />
...

Components Docs