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>
|
<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',
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue