How to pass data-value on click to a specific location?

Question

Vue.js

<input type="text" value="Сюда">

<label data-value="Название"></label>

How to correctly pass attribute values ​​on click. For example, extract the value of the attribute from the label and pass it to the value of the input

Answer 1

There is no need to pass any attribute values ​​anywhere, this is not how things are done in vue. Let the current and possible values ​​be properties of the component, and assign one to the other on click:

data: () => ({
  value: '',
  values: [ 'hello, world!!', 'fuck the world', 'fuck everything' ],
}),

<input v-model="value">
<button v-for="(n, i) in values" @click="value = n">set value #{{ i + 1 }}</button>