Javascript 图像选择Vuejs

Javascript 图像选择Vuejs,javascript,vue.js,bootstrap-vue,Javascript,Vue.js,Bootstrap Vue,我在后端有两个图像,当我在网站前端点击图像1时,我会看到图像1的结果,因为它是硬编码的,当我点击图像2时,我也会看到图像1的结果。 如何生成代码,以便在单击单个图像时可以同时看到两个图像。 谁能给我小费吗 我的代码:listImage.vue 我的视图图像代码: <template> <b-container fluid> <h4>Images</h4> <div> <img v-bind:

我在后端有两个图像,当我在网站前端点击图像1时,我会看到图像1的结果,因为它是硬编码的,当我点击图像2时,我也会看到图像1的结果。 如何生成代码,以便在单击单个图像时可以同时看到两个图像。 谁能给我小费吗

我的代码:listImage.vue

我的视图图像代码:

    <template>
  <b-container fluid>
    <h4>Images</h4>
    <div>
      <img v-bind:src="image" />
       </div>
  </b-container>
</template>
<script>
  // eslint-disable-next-line
  /* eslint-disable */
  export default {
    data() {
      return {
        image: ''
      }
    },
    created() {

      this.image = 'https:111.111.111.111/images/rearview.jpg?token=TX7PS-tCyTS1p72kHxo4594jjwf74'

    },
    methods: {
    }
  }
</script>
解决了

created() {
  var token = sessionStorage.getItem('token')
  window.API.get(`images/` + this.$route.params.id + '?token=' + token)
    .then(response => {
      this.fileName = response.data.name;
      this.image = 'data:image/png; base64, ' + response.data.data;
    })
    .catch(e => {
      this.errors.push(e)
    })
},
created() {
  var token = sessionStorage.getItem('token')
  window.API.get(`images/` + this.$route.params.id + '?token=' + token)
    .then(response => {
      this.fileName = response.data.name;
      this.image = 'data:image/png; base64, ' + response.data.data;
    })
    .catch(e => {
      this.errors.push(e)
    })
},