mirror of https://github.com/stilleshan/subweb.git
add copy button
This commit is contained in:
parent
c715ed9290
commit
884e1036c8
|
@ -106,7 +106,7 @@
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-12" style="text-align: center; padding-top: 20px">
|
<div class="col-10" style="text-align: center; padding-top: 20px">
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
readOnly="true"
|
readOnly="true"
|
||||||
|
@ -114,6 +114,16 @@
|
||||||
v-model.trim="returnUrl"
|
v-model.trim="returnUrl"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
<div
|
||||||
|
class="col-2 col-2-mobilep"
|
||||||
|
style="text-align: center; padding-top: 20px"
|
||||||
|
>
|
||||||
|
<ul class="actions">
|
||||||
|
<li>
|
||||||
|
<input type="button" value="复制" @click="toCopy()" />
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
@ -258,6 +268,28 @@ export default {
|
||||||
this.getFinalUrl();
|
this.getFinalUrl();
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
toCopy() {
|
||||||
|
if (!this.returnUrl) {
|
||||||
|
this.dialogMessage = '内容为空,请先订阅转换.';
|
||||||
|
this.dialogVisible = true;
|
||||||
|
} else {
|
||||||
|
var copyInput = document.createElement('input');
|
||||||
|
copyInput.setAttribute('value', this.returnUrl);
|
||||||
|
document.body.appendChild(copyInput);
|
||||||
|
copyInput.select();
|
||||||
|
try {
|
||||||
|
var copyed = document.execCommand('copy');
|
||||||
|
if (copyed) {
|
||||||
|
document.body.removeChild(copyInput);
|
||||||
|
this.dialogMessage = '复制成功';
|
||||||
|
this.dialogVisible = true;
|
||||||
|
}
|
||||||
|
} catch {
|
||||||
|
this.dialogMessage = '复制失败,请检查浏览器兼容.';
|
||||||
|
this.dialogVisible = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
Loading…
Reference in New Issue