嘿伙计们提问:我正在使用element.eleme.io http://element.eleme.io/#/en-US/component/select的GUI组件 我现在的问题是,当我尝试制作自定义选项模板并希望显示用户名时,在控制台日志中我收到错误“无法读取属性'名称'但是当我输出用户数据时,它显示所有属性。 这是代码片段:
<el-select v-model="filterUsersPostData.user"
remote
placeholder="Select"
:remote-method="searchUsers"
@change="changeUser"
id="assigned-user">
<el-option
v-for="user in filterUsers"
:label="user.name"
:value="user.id">
<pre>@{{ user }}</pre>
<span><img :src="user.image" />@{{ user.name }}</span>
</el-option>
</el-select>
图像src正确呈现,尽管它也通过user.image调用。 @ {前面的{是因为我在Laravel中使用它。
对象看起来像:
{
"id": "2205c9525f86571eff1716ec3af734b4",
"name": "Joen Doe",
"image": "/media/502e43ad71e844b0d502bc9ac60816eb/img/users/2205c9525f86571eff1716ec3af734b4/jon-doe.jpg"
}
感谢您的帮助!