修复:弹出层挂载容器问题;🐛

fix: the problem of pop up layer mount container;
master
chenghongxing 4 years ago
parent c2915c93d3
commit 5de611523c
  1. 2
      public/index.html
  2. 5
      src/App.vue

@ -15,7 +15,7 @@
<noscript> <noscript>
<strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong> <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript> </noscript>
<div class="beauty-scroll" style="height: 100vh; overflow-y: scroll"> <div id="popContainer" class="beauty-scroll" style="height: 100vh; overflow-y: scroll">
<div id="app"></div> <div id="app"></div>
</div> </div>
<!-- require cdn assets js --> <!-- require cdn assets js -->

@ -1,5 +1,5 @@
<template> <template>
<a-config-provider :locale="locale"> <a-config-provider :locale="locale" :get-popup-container="popContainer">
<router-view/> <router-view/>
</a-config-provider> </a-config-provider>
</template> </template>
@ -77,6 +77,9 @@ export default {
const key = route.path === '/' ? 'home.name' : getI18nKey(route.matched[route.matched.length - 1].path) const key = route.path === '/' ? 'home.name' : getI18nKey(route.matched[route.matched.length - 1].path)
document.title = process.env.VUE_APP_NAME + ' | ' + this.$t(key) document.title = process.env.VUE_APP_NAME + ' | ' + this.$t(key)
}, },
popContainer() {
return document.getElementById("popContainer")
}
} }
} }
</script> </script>

Loading…
Cancel
Save