vue|vue 页面分享功能
启用密码：
有效期限：
创建链接 链接：
复制链接 打开链接 关 闭 js:
/* 分享方法 */
share () {
if (this.bigSelectTree !== undefined&&this.bigSelectTree!==null) {
this.shareDialogVisible = true
} else {
Message.warning("请选择分享的模板！")
return
}
},
/* 复制功能 */
copyUrl () {
var Url2 = document.getElementById("aaa")
Url2.select()
let aaas = document.execCommand("Copy")
Message.success("复制成功，可粘贴！")
this.shareDialogVisible = false
},
/* 创建链接 */
shared () {
if (this.bigSelectTree !== null) {
this.createURL(this.bigSelectTree.id, "", "", this.bigScreenType)
this.shareInfo.usePassword = ""
this.shareInfo.password = ""
this.shareInfo.useTime = ""
this.shareCopyUrl = ""
this.shareInfo.expiryTime = ""
}
return
},
/* 总的分享链接 */
createURL (id, type) {
let password = ""
let expiryTime = ""
var url = window.location.href
var arrUrl = url.split("//")
var start = arrUrl[1].indexOf("/")
var relUrl = arrUrl[1].substring(0, start)
if (this.shareInfo.usePassword) {
password = this.shareInfo.password
} else {
password = ""
}
if (this.shareInfo.useTime) {
expiryTime = this.dateToStr(this.shareInfo.expiryTime)
} else {
expiryTime = ""
}
let shareUrl = {
id: id,
type: this.bigScreenType
}
this.$http
.post(url, {}).then(res => {
this.shareCopyUrl =
"http://" + relUrl + "id=" + res.data.data.linkInfoId
this.shareDialogVisible=false
this.appendDialog = true
})
},
dateToStr(dateTime){
//获取日期的方法
}【vue|vue 页面分享功能】
推荐阅读
- 第326天
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 姚老师互动问答会|姚老师互动问答会 # 问题001（如何更有智慧的和身边人分享金刚智慧（））
- 焦点学习田源分享第267天《来访》
- 《偶得》
- 2018.03.18
- 坚持分享第104天
- 句子分享
- 记录iOS生成分享图片的一些问题，根据UIView生成固定尺寸的分享图片