注意:以下文档只适用于TOP接口,请谨慎使用!
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
data | 内容对象 | {} | —— | —— |
data.show | 显示与隐藏 | Boolean | true/false | —— |
data.easyClose | 点击背景是否隐藏 | Boolean | true/false | —— |
data.minHeight | 最小高度 | stirng | ——px | 100px |
data.width | 宽度 | string | ——px | —— |
<template> <div> <Dialog :data="data" v-on:handClick="handClick"> 自定义HTML </Dialog> </div> </template> <script> import Vue from 'vue' import { Dialog } from 'genie-ui' export default{ components: { Dialog }, data () { return { data: { show: true, minHeight: '20px', show: false } } }, methods: { handClick(val) { console.log('返回数据', val) }, showDialog(v) { this.data.show = true } } } </script>