Как получить атрибут ref активных кнопок и присвоить его переменной в vue. js - PullRequest
Новая
       7

Как получить атрибут ref активных кнопок и присвоить его переменной в vue. js

0 голосов
/ 06 марта 2020

У меня есть страница с 4 кнопками: 

<button ref='butOne' @click="saveRef">One</button>
<button ref='butTwo' @click="saveRef">Two</button>
<button ref='butThree' @click="saveRef">Three</button>
<button ref='butFour' @click="saveRef">Four</button>

Я хочу, чтобы функция saveRef() сохраняла ссылку на нажатую кнопку в такой переменной, как reference. Как будет выглядеть функция? 

data: function(){
    return {
        reference:""
    }
},

methods:{
    saveRef(){
        // what should go here?
    }
}

1 Ответ

1 голос
/ 06 марта 2020

Вы можете передать имя ссылочной кнопки в качестве параметра метода saveRef следующим образом: 

<button ref='butOne' @click="saveRef('butOne')">One</button>

в коде метода: 

methods:{
    saveRef(btn){
         this.reference=this.$refs[btn] // reference the button element which name passed as parameter
    }
}
...