元素GUI选择组件上的Vuejs“无法读取属性..”

时间:2017-04-08 17:03:49

标签: laravel vue.js

嘿伙计们提问:我正在使用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"
}

感谢您的帮助!

0 个答案:

没有答案