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