添加case

web/monit_web/src/App.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script>
-export default {};
+
 </script>
 
 <style>

web/monit_web/src/router/index.js

@@ -1,5 +1,5 @@
 import {createRouter, createWebHashHistory} from "vue-router";
-
+import Login from '../view/login/Login.vue'
 const routes = [
  {
  path: '/',
@@ -9,7 +9,7 @@ const routes = [
  {
  path: '/login',
  name: "Login",
- component: () => import('../view/login/Login.vue')
+ component: Login,
  }
 
 

web/monit_web/src/view/home/Home.vue

@@ -6,7 +6,10 @@
 
 <script>
 export default {
- name: "Home"
+ name: "Home",
+ setup(){
+
+ }
 }
 </script>
 

web/monit_web/src/view/login/Login.vue

@@ -16,7 +16,7 @@
  <el-input v-model="param.password" placeholder="请输入密码" />
  </el-form-item>
  <el-form-item class="loginBtn">
- <el-button type="primary" style="margin: 10px" @click="submitForm(loginRef)">登录</el-button>
+ <el-button type="primary" style="margin: 10px" >登录</el-button>
  <el-button type="info" style="margin: 10px">取消</el-button>
  </el-form-item>
 
@@ -33,10 +33,12 @@ import { reactive, ref } from 'vue'
 import {Login} from "../../api/user";
 import { useRouter } from "vue-router";
 import { ElMessage } from "element-plus";
-const router = useRouter();
+
 export default {
  name: "Login",
+
  setup(){
+ const router = useRouter();
  const param = reactive({
  username: "李星云2",
  password: "123456",
@@ -71,8 +73,8 @@ export default {
  ElMessage.error("登录成功");
  return false;
  }
- });
+ })
- };
+ }