как передать значение атрибута rel изображения, по которому щелкнули, методу с vue. js

Question

Я учусь vue. js. Я хотел бы передать значение атрибута rel изображения в метод, но я не могу этого сделать.

Это мой html код:

<template>
    <div>
        <div class="row justify-content-center align-items-center">
            <img src="images/retro.jpg" class="card img-fluid" id="pc_left" rel="0">
            <img src="images/retro.jpg" class="card img-fluid" id="pc_center" rel="0">
            <img src="images/retro.jpg" class="card img-fluid" id="pc_right" rel="0">
        </div>
        <div class="row">
            <div class="col-3 d-flex justify-content-start">
                <img src="images/retro.jpg" class="card img-fluid" id="pack_cards" rel="0">
            </div>
            <div class="col-6 d-flex justify-content-center">
                <img src="images/retro.jpg" class="card img-fluid invisible" id="pc_game" rel="0">
                <img src="images/retro.jpg" class="card img-fluid invisible" id="player_game" rel="0">
            </div>
            <div class="col-3 d-flex justify-content-end">
                <img src="images/retro.jpg" class="card img-fluid" id="game_briscola" rel="0">
            </div>
        </div>
        <div class="row justify-content-center align-items-center">
            <img @click="play($event)" src="images/retro.jpg" class="card img-fluid" id="player_left" rel="5">
            <img @click="play($event)" src="images/retro.jpg" class="card img-fluid" id="player_center" rel="6">
            <img @click="play($event)" src="images/retro.jpg" class="card img-fluid" id="player_right" rel="7">
        </div>
    </div>
</template>

Это my js function:

play(event) {
            var target_id = "#" + event.target.id;
            alert(event.target.rel); //here not working
            var src_image = this.num_to_src(event.target.rel);
            $(target_id).addClass("invisible").removeClass("visible");
            $("#player_game").addClass("visible").removeClass("invisible");
            $("#player_game").attr("src", src_image);
            $("#player_game").attr("rel", event.target.rel);
        }

Когда я пытаюсь предупредить id или sr c, все работает нормально ... но когда я оповещаю rel, появляется предупреждение с неопределенным значением (я должен увидеть число). В инструментах разработчика отсутствуют ошибки.

Может кто-нибудь помочь?

Answer 1

Вы можете использовать getAttribute

event.target.getAttribute("rel")