Vue.js 在VueJS中获取图像？

在组件中，我有Admin.vue，我使用

<img :src="imageuser">

---

我可以将数据库中的数据获取到数组

列表

，但在imageuser中，我获取的是

imageuser:“

”。当我

console.log（response.data.image）

出现错误

无法读取未定义的属性“data”

您的第一个处理程序正在返回

数据

：

axios.post（'admin/getDataAdmin'，this.$data）
.then（（response）=>this.lists=response.data）//这将返回`response.data`
.then（（response）=>//因此，在这一点上，参数是'response.data'`
this.imageuser=“source/admin/assets/img/”+response.data.image
)

做：

axios.post（'admin/getDataAdmin'，this.$data）
.然后（（response）=>this.lists=response.data）
。然后（（data）=>this.imageuser=“source/admin/assets/img/”+data.image）
//^^^^--已更改---^^^^

---

但是，由于您的错误，

响应.data

被

未定义

谢谢，但是当我控制台.log（data）时，我可以获取数组，但是当我更改控制台.log（data.image）时，我无法获取数据，无法查找@您能通过

控制台.log

打印的内容吗？也许您可以尝试：

数据[0]。image

。是的，谢谢：）），如果我使用数据[0]，我可以获得值。image但是如何获取@的所有数据，我有

，我更改了数据[key]。image但是错误：（.谢谢

export default{
    data(){
        return{
            lists:{},
            imageuser:"",
        }
    },
    mounted(){
        axios.post('admin/getDataAdmin',this.$data)
             .then((response)=> this.lists = response.data)
             .then((response)=>this.imageuser="source/admin/assets/img/"+response.data.image)
             .catch((error)=> this.errors = error.response.data.errors);
    },