新页面打开链接

frontend/src/business/components/common/head/AboutUs.vue

@@ -5,11 +5,11 @@
     width="20%">
 
     <el-row>
-      <el-col >
-        <el-link :underline="false" :href="websiteUrl">
+      <el-col>
+        <el-link :underline="false" :href="websiteUrl" target="_blank">
           <img class="logo" src="../../../../assets/favicon-彩色.png"/>
         </el-link>
-        <el-link class="url" :href="websiteUrl" >
+        <el-link class="url" :href="websiteUrl" target="_blank">
           <span>{{websiteUrl}}</span>
         </el-link>
       </el-col>
@@ -18,11 +18,11 @@
     <el-row>
       <el-col>
         <div class="github">
-          <el-link :underline="false" :href="githubUrl">
+          <el-link :underline="false" :href="githubUrl" target="_blank">
             <font-awesome-icon class="github-icon" :icon="['fab', 'github-square']"/>
           </el-link>
         </div>
-        <el-link class="url" :href="githubUrl">
+        <el-link class="url" :href="githubUrl" target="_blank">
           <span>{{githubUrl}}</span>
         </el-link>
       </el-col>
@@ -40,30 +40,30 @@
 </template>
 
 <script>
-    export default {
-      name: "AboutUs",
-      data() {
-        return{
-          dialogVisible: false,
-          githubUrl: 'https://github.com/metersphere/metersphere',
-          websiteUrl: 'https://github.com/metersphere/metersphere',
-          version: '1.0.1'
-        }
+  export default {
+    name: "AboutUs",
+    data() {
+      return {
+        dialogVisible: false,
+        githubUrl: 'https://github.com/metersphere/metersphere',
+        websiteUrl: 'https://github.com/metersphere/metersphere',
+        version: '1.0.1'
+      }
+    },
+    created() {
+      this.getVersion();
+    },
+    methods: {
+      open() {
+        this.dialogVisible = true;
       },
-      created() {
-        this.getVersion();
-      },
-      methods: {
-        open() {
-          this.dialogVisible = true;
-        },
-        getVersion() {
-          this.$get('/system/version', response => {
-            this.version = response.data;
-          });
-        }
+      getVersion() {
+        this.$get('/system/version', response => {
+          this.version = response.data;
+        });
       }
     }
+  }
 </script>
 
 <style scoped>
@@ -71,7 +71,7 @@
   .logo {
     height: 30px;
     line-height: 30px;
-    vertical-align:middle
+    vertical-align: middle
   }
 
   .version {
@@ -97,7 +97,7 @@
     margin-bottom: 3%;
   }
 
-  .logo:hover{
+  .logo:hover {
     color: deepskyblue;
   }