Select and copy the contents of an element in Vue #vue

select-and-copy-vue.js

<template>
  <div id="app">
    <input v-on:focus="$event.target.select()" ref="myelement" readonly v-model="mytext" />
    <button v-on:click="copyElement">Copy</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      mytext : 'This text will be selected and copied'
    };
  },
  methods: {
    copy() {
      this.$refs.myelement.focus();
      document.execCommand('copy');
    }
  }
};
</script>