js 复制input 内容

xkxnq

于 2020-02-29 16:30:01 发布

阅读量330

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/xkxnq/article/details/104576453

vue 专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何在Vue.js项目中实现文本的选择与复制功能。通过使用v-model和$refs, 我们可以轻松地使文本框内的内容被选中，并利用document.execCommand('Copy')实现复制操作。这是一种常见且实用的功能，适用于多种应用场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div>
    <input type="text" ref="ipt" v-model="value">
    <button @click="copy">复制</button>
</div>

<script>
methods: {
export default {
	data() {
	    return {
	      value:'123456'
	    };
  	},
  	methods:{
  		copy(){
	      this.$refs.ipt.select()
	      document.execCommand('Copy')
    	},
  	}
}
}
</script>