解决Cascader 下拉弹出位置问题

This commit is contained in:
huanghong 2018-03-15 10:49:29 +08:00
parent 130ea92a19
commit 605bd2aeda
3 changed files with 11 additions and 11 deletions

View file

@ -1,5 +1,11 @@
<template> <template>
<Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader> <div>
<Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<Cascader v-model="value3" :data="data" filterable style="width: 400px"></Cascader>
</div>
</template> </template>
<script> <script>
export default { export default {

12
package-lock.json generated
View file

@ -14027,7 +14027,8 @@
"vue": { "vue": {
"version": "2.5.16", "version": "2.5.16",
"resolved": "https://registry.npmjs.org/vue/-/vue-2.5.16.tgz", "resolved": "https://registry.npmjs.org/vue/-/vue-2.5.16.tgz",
"integrity": "sha512-/ffmsiVuPC8PsWcFkZngdpas19ABm5mh2wA7iDqcltyCTwlgZjHGeJYOXkBMo422iPwIcviOtrTCUpSfXmToLQ==" "integrity": "sha512-/ffmsiVuPC8PsWcFkZngdpas19ABm5mh2wA7iDqcltyCTwlgZjHGeJYOXkBMo422iPwIcviOtrTCUpSfXmToLQ==",
"dev": true
}, },
"vue-hot-reload-api": { "vue-hot-reload-api": {
"version": "2.3.0", "version": "2.3.0",
@ -14227,15 +14228,6 @@
} }
} }
}, },
"vue-popperjs": {
"version": "1.2.6",
"resolved": "https://registry.npmjs.org/vue-popperjs/-/vue-popperjs-1.2.6.tgz",
"integrity": "sha512-0SEPDdQY8NxRcDiWXTgW6nMpRcc+rSpcELsLszuPzehBqQ5/9AGAr2OGKh1smwcaRe8Rb1CtE399vNz9+jYorw==",
"requires": {
"popper.js": "1.14.1",
"vue": "2.5.16"
}
},
"vue-router": { "vue-router": {
"version": "3.0.1", "version": "3.0.1",
"resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.1.tgz", "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-3.0.1.tgz",

View file

@ -357,6 +357,7 @@
if (this.transfer) { if (this.transfer) {
this.$refs.drop.update(); this.$refs.drop.update();
} }
this.broadcast('Drop', 'on-update-popper');
} else { } else {
if (this.filterable) { if (this.filterable) {
this.query = ''; this.query = '';
@ -365,6 +366,7 @@
if (this.transfer) { if (this.transfer) {
this.$refs.drop.destroy(); this.$refs.drop.destroy();
} }
this.broadcast('Drop', 'on-destroy-popper');
} }
this.$emit('on-visible-change', val); this.$emit('on-visible-change', val);
}, },