как отобразить буфер в виде изображения в vue с помощью axios

#vue.js #axios #buffer

Вопрос:

Кто-нибудь может мне помочь? я хочу отобразить свой формат буфера из API ответов в виде изображения, используя axios в своем проекте vue. вот мой код

 lt;templategt;  lt;v-app id="my_vue_app"gt;  lt;div class=""gt;  lt;v-cardgt;  lt;v-card-titlegt;  Data  lt;v-spacergt;lt;/v-spacergt;  lt;v-text-field  v-model="search"  append-icon="mdi-magnify"  label="Search"  single-line  hide-details  gt;lt;/v-text-fieldgt;  lt;/v-card-titlegt;  lt;v-data-table  :headers="headers"  :items="result"  :search="search"  :options.sync="options"  :single-expand="singleExpand"  :expanded.sync="expanded"  item-key="name"  show-expand  class="elevation-1"  gt;    lt;template #expanded-item="{item }"gt;  lt;td :colspan="headers.length"gt;   lt;div class="container"gt;  lt;form class = "form-inline"gt;  lt;div class="row"gt;  lt;div class="col-md-2"gt;  lt;bgt;lt;span class="pull-left"gt;Namelt;/spangt;lt;/bgt;  lt;/divgt;  lt;div class="col-md-2"gt;  lt;span class="pull-left"gt;{{ item.name }}lt;/spangt;  lt;/divgt;  lt;/divgt;  lt;/formgt;  lt;/divgt;    lt;div class="container"gt;  lt;form class = "form-inline"gt;  lt;div class="row"gt;  lt;div class="col-md-2"gt;  lt;bgt;lt;span class="pull-left"gt;File designlt;/spangt;lt;/bgt;  lt;/divgt;  lt;div class="col-md-2"gt;  lt;img :src=item.design /gt; //here's to display the image  lt;/divgt;  lt;/divgt;  lt;/formgt;  lt;/divgt;   lt;/tdgt;  lt;/templategt;    lt;/v-data-tablegt;  lt;/v-cardgt;  lt;/divgt;  lt;/v-appgt;  lt;/templategt;   lt;style scopedgt;lt;/stylegt;  lt;scriptgt;  import axios from "axios";  export default {  name: "Data",  data() {  return {  search:'',  result: [],  singleExpand: false,  expanded: [],  loading: true,  headers: [  { text: "name", value: "main_name" },  { text: "design", value: "data_design" },  ],  };  },  watch: {  options: {  handler() {  this.API();  },  },  deep: true,  },   mounted() {  this.API();  },   methods: {  API() {  axios  .get(  "/api/datatable"  )  .then((response) =gt; {  this.result = response.data.data;  });  },   },  };  lt;/scriptgt;  

И вот ответ (формат буфера), если я войду в консоль

введите описание изображения здесь

и результатом кода, который я пишу, является :

введите описание изображения здесь

я не знаю, как правильно писать, помощь от вас будет очень признательна. спасибо