点击div复制el-input内容 - Vue.js代码示例

<template>
  <div @click="copyText">
    <el-input ref="input" v-model="inputValue"></el-input>
  </div>
</template>
<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  },
  methods: {
    copyText() {
      const inputElement = this.$refs.input.$refs.input;
      inputElement.select();
      document.execCommand('copy');
      inputElement.blur();
      // 可以添加一些提示信息，告知用户已复制成功
      console.log('内容已复制');
    }
  }
}
</script>
<p>在上述代码中，我们通过<code>ref</code>属性将<code>el-input</code>组件的DOM元素赋值给<code>inputElement</code>变量。然后，我们调用<code>select()</code>方法选中输入框中的内容，再使用<code>document.execCommand('copy')</code>方法复制内容。最后，调用<code>blur()</code>方法将焦点从输入框中移除，以便用户可以继续操作其他内容。</p>