Как через vue по нажатию на кнопку, записать в data атрибут src картинки?

Question

[Макс Жуков]

Как через vue по нажатию на кнопку, записать в data атрибут src картинки?

Answer 1

[Nikita Velko]

Попробуйте так:

<img src='someUrl' ref="picture">
<button type="button" @click="getImageSrc()">Get source</button>

...
methods: {
  getImageSrc() {
    this.yourVariable = this.$refs.picture.getAttribute('src');
  },
},

Comments

[Макс Жуков]

Спасибо, но мне говорили что лучше избегать ref) Может еще как-нибудь можно?

[Nikita Velko]

Макс Жуков, ну подобную задачу только через ref и решать. Тем более в такой простой задаче вас ref точно никак не подведет, поверьте.

[Александр Гонтарев]

или так как написал nikichv, или url уже известен, т.к. шаблон же генерится во вью и src же откуда-то подставляете