前端生成短链接

<template>
  <!-- 公共生成分享url -->
  <div>
    <a-button
      type="primary"
      ghost
      style="float: right; margin-left: 15px"
      @click="setUrl"
      >生成分享url</a-button
    >
  </div>
</template>
<script>
import * as api from "../task-api";
import * as response from "@/util/ajaxResponse";
export default {
  props: ["algorithm", "algorithmtype", "urlobj"],
  computed: {},
  data() {
    return {};
  },
  mounted() {},
  methods: {
    onCopy() {
      this.$copyText(this.copyData).then(
        () => {
          this.$message.success("分享URL已复制到剪贴板，可直接分享!");
        },
        () => {
          this.$message.error("复制失败，请重新复制!");
        }
      );
    },
    setUrl() {
   // urlobj为当前页面选中的参数
      if (!this.$route.query.URL) {
        this.$post(
      xxx接口用来存当前页面所需字段,
        {this.urlobj}
      ).then((res) => {
          this.$router.push({
            path: "testTask",
            query: {
              URL: res.data.data,
              algorithm: this.algorithm,
              type: this.algorithmtype,
            },
          });
          this.copyData =
            "http://" +
            window.location.host +
            window.location.pathname +
            "?URL=" +
            res.data.data +
            "&algorithm=" +
            this.algorithm +
            "&type=" +
            this.algorithmtype;
          this.onCopy();
        });
      }
    },
  },
};
</script>