vue 对话框组件
vue-dialog
This is yet another vue dialog component.
Install
Use npm to download code:
npm install hsy-vue-dialog -S
then import it into your project, add below code into your main.js :
import Dialog from 'hsy-vue-dialog' Vue.use(Dialog)
Usage
<button @click="visible = true">remove</button>
<hsy-dialog class="confirm" v-model="visible">
<div slot="title">Remove</div>
<div slot="body">
<div>This operation is irreversible, are you sure?</div>
<div>
<button @click="handleYes">Yes</button>
<button>No</button>
</div>
</div>
</hsy-dialog>
<script>
export default {
data() {
return {
visible: false
}
},
methods: {
handleYes() {
alert('Yes')
this.visible = false
}
}
}
</script>
Props
| Prop | Description | Type | Accepted Values | Default |
|---|---|---|---|---|
| value | whether dialog is visible or not | Boolean | -- | false |
Screenshot
正文到此结束
热门推荐
相关文章
近期评论
-
5分钟 注册下载 登录 提一个问题，就可以找博主领取5块红包了，很简单
-
-
-
来看看，最近更新了一波，顺着友联过来的，几年过去了，网站越搞越好，厉害
-
哥太牛了
-
是呀，看您的IP显示在美国，还以为您移民了
-
-
-
-
Loading...
![[HBLOG]公众号](https://www.liuhaihua.cn/img/qrcode_gzh.jpg)
