fix:链接管理点击链接实现跳转

2021-07-27 13:34:43 +08:00
parent fd7342e865
commit 818b620c20
1 changed files with 7 additions and 1 deletions
@@ -48,8 +48,10 @@
                        width="220px">
                </el-table-column>
                <el-table-column
-                        prop="url"
                        label="链接">
+                  <template slot-scope="scope" >
+                    <span @click="linkto(scope.row.url)" style="color: #0c91e5;cursor: pointer;text-decoration: underline">{{ scope.row.url }}</span>
+                  </template>
                </el-table-column>
                <el-table-column
                        label="操作"
@@ -149,6 +151,10 @@
            }
        },
        methods: {
+          //链接点击跳转,链接形式为http://xxxxxx
+          linkto(link_href){
+            window.open(link_href)
+          },
            //头部新增按钮
            addLink () {
                this.type = 1