update Poptip demo
This commit is contained in:
parent
309912df0c
commit
dee03ef3a1
1 changed files with 20 additions and 13 deletions
|
@ -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',
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Reference in a new issue