Vue 中input 点击复制其内容

Element UI中el-input 组件 ,一般使用情况:

el-input 添加点击事件,这样添加点击事件是无效的:

正确的写法,需要使用v-on的修饰符.native,@click.native:

data:

	data() {
		return {
		value: "点击我试试!",
		count: 0
		}
	},

在methods方法中,添加触发点击:

methods: {
	copy_() {
	var d = document.getElementById("put") //获取需要复制的元素
	d.select() //选中
	document.execCommand("copy") //直接复制
	//打印结果: 点击我试试!
	}
},

触发后,直接Ctrl+v/鼠标右击粘贴(就会显示复制的内容)!

你可能感兴趣的:(vue.js,javascript,elementui)