Как передать data-value по клику в определенное место?

Question

[msdoc11]

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

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

Как правильно передавать значения атрибутов по клику. Например из label вынуть значение атрибута и передать в value инпута

Answer 1

[0xD34F]

Не надо никуда передавать никакие значения атрибутов, так во vue дела не делаются. Пусть текущее и возможные значения будут свойствами компонента, и по клику выполняйте присваивание одного другому:

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>

Answer 2

[Mothersprogrammer]

в объект vue в data создайте 2 переменных, одну для data-value, с необходимым значением, одну для input , далее метод который будет вызван по клику. Примерно выглядит так:

<div id="app">
<input v-on:click="changeValue" type="text" :value="value">
<label  :data-value="dataValue"></label>
</div>

new Vue({
    el: '#app',
    data: {
        value: ' ',
        dataValue: 'Какой-то текст'
    },

    methods:{
        changeValue(){
               this.value = this.dataValue
        }
   }
})