How to write the src attribute of the image to data via vue on button click?

Question

Vue.js

How to write the src attribute of the image to data via vue on button click?

Answer 1

Try like this:

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

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