Commit 694378a57c16342683448ea2338cd7803b44893b

Authored by Aresn
Committed by GitHub
2 parents 6cbd9476 81f88959

Merge pull request #3343 from iview/pr/3342

Pr/3342
Showing 2 changed files with 17 additions and 12 deletions   Show diff stats
examples/routers/poptip.vue
@@ -2,10 +2,19 @@ @@ -2,10 +2,19 @@
2 <div style="margin: 200px"> 2 <div style="margin: 200px">
3 <Tabs value="name1"> 3 <Tabs value="name1">
4 <TabPane label="标签一" name="name1"> 4 <TabPane label="标签一" name="name1">
5 - <div style="overflow: auto;width: 200px;height:300px">  
6 - <Poptip title="提示标题" content="标签一的内容" placement="right" transfer :options="options"> 5 + <div style="width: 200px;height:300px">
  6 + <Poptip title="提示标题" content="标签一的内容" placement="left" transfer >
  7 + <Button id="aaa">左边</Button>
  8 + </Poptip>
  9 + <Poptip title="提示标题" content="标签一的内容" placement="right" transfer>
7 <Button id="aaa">右边</Button> 10 <Button id="aaa">右边</Button>
8 </Poptip> 11 </Poptip>
  12 + <Poptip title="提示标题" content="标签一的内容" placement="top" transfer>
  13 + <Button id="aaa">上边</Button>
  14 + </Poptip>
  15 + <Poptip title="提示标题" content="标签一的内容" placement="bottom" transfer>
  16 + <Button id="aaa">下边</Button>
  17 + </Poptip>
9 </div> 18 </div>
10 </TabPane> 19 </TabPane>
11 <TabPane label="标签二" name="name2">标签二的内容</TabPane> 20 <TabPane label="标签二" name="name2">标签二的内容</TabPane>
@@ -17,11 +26,7 @@ @@ -17,11 +26,7 @@
17 data () { 26 data () {
18 return { 27 return {
19 options: { 28 options: {
20 - modifiers: {  
21 - preventOverflow: {  
22 - boundariesElement: 'body',  
23 - }  
24 - } 29 +
25 } 30 }
26 } 31 }
27 } 32 }
src/components/base/popper.js
@@ -32,6 +32,9 @@ export default { @@ -32,6 +32,9 @@ export default {
32 modifiers: { 32 modifiers: {
33 computeStyle:{ 33 computeStyle:{
34 gpuAcceleration: false, 34 gpuAcceleration: false,
  35 + },
  36 + preventOverflow :{
  37 + boundariesElement: 'body'
35 } 38 }
36 } 39 }
37 }; 40 };
@@ -83,11 +86,8 @@ export default { @@ -83,11 +86,8 @@ export default {
83 } 86 }
84 87
85 options.placement = this.placement; 88 options.placement = this.placement;
86 -  
87 - if (options.modifiers) {  
88 - options.modifiers = {};  
89 - }  
90 - if (options.modifiers.offset) { 89 +
  90 + if (!options.modifiers.offset) {
91 options.modifiers.offset = {}; 91 options.modifiers.offset = {};
92 } 92 }
93 options.modifiers.offset = this.offset; 93 options.modifiers.offset = this.offset;