vue 实现复制黏贴功能
复制剪切板利用插件实现复制到剪切板的实现功能全局安装vue-clipboard2npm install --save vue-clipboard2在main.js中引入使用import VueClipboard from 'vue-clipboard2';Vue.use(VueClipboard)项目中使用<div class="home-phone-copy"&...
·
复制剪切板
利用插件实现复制到剪切板的实现功能
全局安装vue-clipboard2
npm install --save vue-clipboard2
在main.js中引入使用
import VueClipboard from 'vue-clipboard2';
Vue.use(VueClipboard)
项目中使用
<div class="home-phone-copy">
<span>邀请</span>
<span class="home-phone-copy-span">
<b></b>
<button type="button" class="home-phone-butt" v-clipboard:copyhttplist="httplist" v-clipboard:success="onCopy">复制</button>
</span>
</div>
<script>
import IconNav from "../common/IconNav";
export default {
data() {
return {
message: '',
httplist: ‘’,
};
},
methods: {
onCopy(e) {
this.$notify({
message: "复制成功",
type: "success"
});
},
copymessage: function (e) {
},
copyhttplist: function (e) {
},
}
};
</script>
更多推荐
已为社区贡献6条内容
所有评论(0)