38 lines
919 B
JavaScript
38 lines
919 B
JavaScript
Vue.component('copbox',{
|
|
template : `
|
|
<div class="y2t-output">
|
|
<div class="top" v-on:click="copyToClipboard">
|
|
<span class="copylabel">Copy to clipboard</span><span class="byl-icon-copy"></span>
|
|
</div>
|
|
<div ref="textToCopy">
|
|
<slot></slot>
|
|
</div>
|
|
<div class="shader"></div>
|
|
|
|
</div>
|
|
`,
|
|
methods : {
|
|
copyToClipboard() {
|
|
const textToCopy = this.$refs.textToCopy;
|
|
const range = document.createRange();
|
|
range.selectNode(textToCopy);
|
|
window.getSelection().removeAllRanges();
|
|
window.getSelection().addRange(range);
|
|
document.execCommand('copy');
|
|
window.getSelection().removeAllRanges();
|
|
},
|
|
}
|
|
})
|
|
|
|
let vm = new Vue({
|
|
data() {
|
|
return {
|
|
loading: false
|
|
}
|
|
},
|
|
methods: {
|
|
loadingStart(){
|
|
this.loading = true
|
|
}
|
|
}
|
|
}).$mount('#root') |