Как скопировать текст из div по нажатию на кнопку?

Question

[Максим]

Имеется dx-treelist, в котором есть div, из которого нужно по нажатию кнопки скопировать текст, подскажите как это сделать? Пытался через execCommand("copy"), не вышло

Answer 1

[Евгений]

https://clipboardjs.com/

Answer 2

[Александр]

нужно повесить хендлер на див
<div v-on:click="handler">какой-то текст</div>
и сделать обработчик в методах

handler(e) {
const text = e.target.innerText
// сюда попадет ваш текст
}

Answer 3

[Benchstyle]

Например, передавать текст через data или props.

<div v-on:click="handler">{{someText}}</div>

  data(){
    return {
      someText: 'Какой-то текст...'
    }
  },
  methods: {
    handler() {
      return this.someText;
    }
  }

Comments

[Максим]

А в буфер то как закинуть?)

[Максим]

Benchstyle, это бы сработало, я полагаю. Думал сам разберусь, но тут такое дело. Кнопка находится в контекстном меню, которое является отдельным .vue, в котором dx-context-menu, и событие вызывается по нажатию на элемент контекстного меню.

copyText () {
	if (item) {
		document.getElementById("copy-item").select();
		try {
			let successful = document.execCommand('copy');
			let msg = successful ? 'successful' : 'unsuccessful' ;
			console.log(msg);
		} catch (e) {
			console.log("error");
		}
	} 
}

[Максим]

Как я понял с самим контекстном меню это так не работает