只需要在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>

 

Logo

前往低代码交流专区

更多推荐