1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width,initial-scale=1.0"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>トレパト</title>
</head>
<body>
<div id="app"></div>
<!-- built files will be auto injected -->
</body>
</html>
2.App.vue
<template>
<div id="app">
<component :is="currentView" @routerView="routerView"></component>
</div>
</template>
<script>
window.onload = function() {
document.addEventListener('touchstart', function(event) {
if (event.touches.length > 1) {
event.preventDefault()
}
})
document.addEventListener('gesturestart', function(event) {
event.preventDefault()
})
}
export default {
name: "App",
data() {
return {
currentView: login,
};
},
components: {
login,
},
methods: {
routerView(xxx) {
switch (xxx) {
case "xxx":
this.currentView = xxx;
xxx;
}
},
},
};
</script>
<style>
@import "../static/font/font.css";
/* #app {
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 0px;
} */
body {
margin: 0;
padding: 0;
}
</style>