<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>
前端生成短链接
最新推荐文章于 2024-07-26 22:52:28 发布