update Poptip demo

This commit is contained in:
梁灏 2018-04-10 12:16:05 +08:00
parent 309912df0c
commit dee03ef3a1

View file

@ -1,21 +1,28 @@
<template> <template>
<div style="margin: 200px;"> <div style="margin: 200px">
<Poptip title="提示标题" transfer> <Tabs value="name1">
<div slot="content" style="padding: 50px"> <TabPane label="标签一" name="name1">
<Button>click me</Button> <div style="overflow: auto;width: 200px;height:300px">
</div> <Poptip title="提示标题" content="标签一的内容" placement="right" transfer :options="options">
<Button>click 激活</Button> <Button id="aaa">右边</Button>
</Poptip> </Poptip>
</div>
</TabPane>
<TabPane label="标签二" name="name2">标签二的内容</TabPane>
</Tabs>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
methods: { data () {
ok () { return {
this.$Message.info('点击了确定'); options: {
}, modifiers: {
cancel () { preventOverflow: {
this.$Message.info('点击了取消'); boundariesElement: 'body',
}
}
}
} }
} }
} }