README.old.md

vue-dialog

A drag-able dialog for Vue.js

基于Vue.js的弹框组件

查看jquery版本

example

地址：https://mjixiang.github.io/vue-dialog

props

<dialog :show.sync="dialog.show" :title="dialog.title" :buttons="dialog.buttons">
	<!--窗体主体内容-->
</dialog>

show:Boolean 是否显示，必须，双向绑定

title:Object || String 弹框标题，需要，自定义弹框标题和样式

buttons:Array 按钮，可选，自定义弹框下方按钮样式、文本、事件

data

data: {
	dialog:{
		show:false,
		title:{
			text:'这个是标题（可拖拽）',
			className:'xa-bg-red'	//标题样式类名，包含`background`、`color`即可
		},
		buttons:[
			/**
				`@text`：按钮文字
				`@className`：按钮样式类名，包含`background`、`color`即可（内置一部分）
				`@clickEvent`：按钮点击事件后监听的事件名
			*/
			{text:'关闭',className:'xa-bg-red-click',clickEvent:'cancelEvent'},
			{text:'确定',className:'xa-bg-blue-click',clickEvent:'confirmEvent'}
		]
	}
}

events

events:{
	//buttons中定义的所有的`clickEvent`
	cancelEvent(){
  		this.dialog.show = false;
	},
	confirmEvent(){
		//do something
	}
}