Commit dee03ef3a19d956490a956dff0f889bc315c948d

Authored by 梁灏
1 parent 309912df

update Poptip demo

Showing 1 changed file with 20 additions and 13 deletions   Show diff stats
examples/routers/poptip.vue
1 <template> 1 <template>
2 - <div style="margin: 200px;">  
3 - <Poptip title="提示标题" transfer>  
4 - <div slot="content" style="padding: 50px">  
5 - <Button>click me</Button>  
6 - </div>  
7 - <Button>click 激活</Button>  
8 - </Poptip> 2 + <div style="margin: 200px">
  3 + <Tabs value="name1">
  4 + <TabPane label="标签一" name="name1">
  5 + <div style="overflow: auto;width: 200px;height:300px">
  6 + <Poptip title="提示标题" content="标签一的内容" placement="right" transfer :options="options">
  7 + <Button id="aaa">右边</Button>
  8 + </Poptip>
  9 + </div>
  10 + </TabPane>
  11 + <TabPane label="标签二" name="name2">标签二的内容</TabPane>
  12 + </Tabs>
9 </div> 13 </div>
10 </template> 14 </template>
11 <script> 15 <script>
12 export default { 16 export default {
13 - methods: {  
14 - ok () {  
15 - this.$Message.info('点击了确定');  
16 - },  
17 - cancel () {  
18 - this.$Message.info('点击了取消'); 17 + data () {
  18 + return {
  19 + options: {
  20 + modifiers: {
  21 + preventOverflow: {
  22 + boundariesElement: 'body',
  23 + }
  24 + }
  25 + }
19 } 26 }
20 } 27 }
21 } 28 }