這篇文章主要介紹了關於基於vue.js的dialog插件art-dialog-vue2.0的發佈內容，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下
支援普通與12 方向氣泡狀對話方塊
#支援ARIA 標準
#面向未來：基於HTML5 Dialog 的API
#支援標準與模態對話方塊
豐富且友善的程式介面
能自適應內容尺寸
npm install art-dialog-vue //插件文件在plugin目录下
<script src="plugin/dist/static/css/dialog.min.css"></script> <script src="plugin/dist/static/js/dialog.js"></script> <script> Vue.use(Dialog.default)//使用插件,注意以url引入时use的参数是Dialog.default </script>
import Dialog from 'art-dialog-vue' //esm
const Dialog = require('art-dialog-vue').default //RequireJS，非esm形式要加.default
Vue.use(Dialog)//使用插件const d = Vue.dialog({
title: 'art-dialog-vue',
content: {
template: '<p>{{name}}，欢迎使用</p>',
data() {
return {
name: 'hello'
}
}
},
button: [
{
id: '1',
value: '确定',
callcack() {
//do something
return false;//返回false 表示弹窗不关闭
}
},
{
id: '2',
value: '取消',
callcack() {
//do something
return false;//返回false 表示弹窗不关闭
}
},
]
});
d.show();以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！
相關推薦：
以上是基於vue.js的dialog插件art-dialog-vue2.0的發佈內容的詳細內容。更多資訊請關注PHP中文網其他相關文章！
