首页 文章

Vue错误：TypeError：无法在Proxy.render中读取未定义的属性'title'

提问于
浏览 次
2

我发现了一些类似我的问题，但没有一个问题能够解决我的具体问题 .

我在我的Test.Vue组件中有这个代码，该组件被导入到我的App.vue文件中 .

附：昨天我正在做这件事时，一切都工作得很好，我没有得到任何错误 . 我刚刚关闭了我的笔记本电脑，今天再打开它来处理它并在我刷新页面时开始出现此错误 .

<template>
    <div class = "test">
        <input type="text" v-model="title"> 

        <h1>{{title}}</h1>
        <p>{{user.lastName}}</p>
        <p v-if="showName">{{user.firstName}}</p>
        <p v-else>Nada</p>

        <!-- <ul>
            <li v-for="item in items>{{item.title}}</li>
        </ul> -->

    </div>
</template>

<script>
export default {
    name: 'test',
    data() {
        return{
            title: 'Hello World',
            user: {
                firstName:'John',
                lastName:'Doe'
            },
            showName: true,

            // items: [
            //  {title: 'Item One'},
            //  {title: 'Item Two'},
            //  {title: 'Item Three'}
            // ]
        }
    }
}
</script>
<style scoped> 
</style>

根据我的代码中的内容 - 评论了在我和项目中创建的行：[] in，everything

vue.esm.js？efeb：1741 TypeError：无法读取Proxy.render中未定义的属性'title'（eval at ./node_modules/vue-loader/lib/template-compiler/index.js?{"id“：”数据-v-dc87507c “ ”hasScoped“：真 ”transformToRequire“：{ ”视频“：[ ”SRC“， ”海报“]， ”源“： ”SRC“， ”IMG“： ”SRC“，” 图像“：” 的xlink：HREF “}，” 布雷 “：{” 变换“：{}！？！}} ./ node_modules / VUE装载机/ LIB / selector.js类型=模板＆索引= 0 ./ SRC /组件/测试.vue（0.b8f1eab6988182beecb6.hot-update.js：7），：37：59）在VueComponent.Vue._render（vue.esm.js？efeb：4544）at VueComponent.updateComponent（vue.esm.js？efeb ：2788）Watcher.get（vue.esm.js？efeb：3142）at Watcher.run（vue.esm.js？efeb：3219），位于Array.eval的flushSchedulerQueue（vue.esm.js？efeb：2981） （vue.esm.js？efeb：1837）在flushCallbacks（vue.esm.js？efeb：1758）

javascript vue.js

2 回答

  • 1

    您的代码工作正常，请确保在取消注释注释代码时，在 items 之后放置引号（“）

    <li v-for="item in items">{{item.title}}</li>

    这就是它应该工作的全部 .

    这是工作fiddle

    如果你仍然得到它，只需关闭服务并重新开始 .

    我希望它有所帮助 .

    回复于
  • 0

    你在这里错过了一个结束语：

    <li v-for="item in items>{{item.title}}</li>

    您应该在 items 之后添加报价 . 它会工作的 .

    回复于

相关问题