在vue中,浏览同一个官网除了响应式,pc端和移动端两套代码分开展示检测
只需要在index.html文件中的vue的mounted生命周期函数中判断屏幕的宽度来做相应的跳转<script>new Vue({el: '#app',data: function() {return {}},mounted(){if(document.body.clientWidt...
·
只需要在index.html文件中的vue的mounted生命周期函数中判断屏幕的宽度来做相应的跳转
<script>
new Vue({
el: '#app',
data: function() {
return {}
},
mounted(){
if(document.body.clientWidth<787){
window.location.href='mindex.html';
};
//当然随时改变屏幕大小也会改变的,所以也要加上
window.addEventListener('resize',()=>{
if(document.body.clientWidth<787){
window.location.href='mindex.html';
}
}
})
</script>
更多推荐
已为社区贡献1条内容
所有评论(0)