VUE3动态获取浏览器宽度
VUE3中使用JS获取浏览器宽度<body><div id="app"><button>当前浏览器宽度:{{width}}</button></div><script src="./vue3.0/vue导入/vue.global.js"></script><script>const app = Vue.
·
VUE3中使用JS获取浏览器宽度
<body>
<div id="app">
<button>当前浏览器宽度:{{width}}</button>
</div>
<script src="./vue3.0/vue导入/vue.global.js"></script>
<script>
const app = Vue.createApp({
data(){
return{
width:document.body.clientWidth,
}
},
// 进入mounted生命钩子开始动态监测浏览器宽度
mounted(){
window.onresize = () => {
return this.width = document.body.clientWidth;
}
},
// 销毁,防止继续占用内存
destroyed () {
window.onresize = null
},
}).mount('#app')
</script>
</body>
更多推荐
已为社区贡献4条内容
所有评论(0)