You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
91 lines
2.0 KiB
91 lines
2.0 KiB
<template> |
|
<view> |
|
<page-head :title="title"></page-head> |
|
<view class="uni-padding-wrap"> |
|
<view class="uni-title">请输入剪贴板内容</view> |
|
<view class="uni-list"> |
|
<view class="uni-list-cell"> |
|
<input class="uni-input" type="text" placeholder="请输入剪贴板内容" :value="data" @input="dataChange"></input> |
|
</view> |
|
</view> |
|
<view class="uni-btn-v"> |
|
<button type="primary" @click="setClipboard">存储数据</button> |
|
<button @tap="getClipboard">读取数据</button> |
|
</view> |
|
</view> |
|
</view> |
|
</template> |
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
title: 'get/setClipboardData', |
|
data: '' |
|
} |
|
}, |
|
methods: { |
|
dataChange: function (e) { |
|
this.data = e.detail.value |
|
}, |
|
getClipboard: function () { |
|
uni.getClipboardData({ |
|
success: (res) => { |
|
console.log(res.data); |
|
const content = res.data ? '剪贴板内容为:' + res.data : '剪贴板暂无内容'; |
|
uni.showModal({ |
|
content, |
|
title: '读取剪贴板', |
|
showCancel: false |
|
}) |
|
}, |
|
fail: () => { |
|
uni.showModal({ |
|
content: '读取剪贴板失败!', |
|
showCancel: false |
|
}) |
|
} |
|
}); |
|
}, |
|
setClipboard: function () { |
|
var data = this.data; |
|
if (data.length === 0) { |
|
uni.showModal({ |
|
title: '设置剪贴板失败', |
|
content: '内容不能为空', |
|
showCancel: false |
|
}) |
|
} else { |
|
uni.setClipboardData({ |
|
data: data, |
|
success: () => { |
|
// 成功处理 |
|
// #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO |
|
uni.showToast({ |
|
title: '设置剪贴板成功', |
|
icon: "success", |
|
mask: !1 |
|
}) |
|
// #endif |
|
}, |
|
fail: () => { |
|
// 失败处理 |
|
// #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO |
|
uni.showToast({ |
|
title: '储存数据失败!', |
|
icon: "none", |
|
mask: !1 |
|
}) |
|
// #endif |
|
} |
|
}); |
|
} |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style> |
|
|
|
</style> |
|
|
|
|
|
|