Vue中实现文本选择与复制功能
本文介绍如何在Vue.js项目中实现文本的选择与复制功能。通过使用v-model和$refs, 我们可以轻松地使文本框内的内容被选中，并利用document.execCommand('Copy')实现复制操作。这是一种常见且实用的功能，适用于多种应用场景。
<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>
扫一扫
2426
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
