[Vue警告]:无法生成渲染功能:

Question

我有这个奇怪的错误,我无法弄清楚.

我正在使用最新的VueJS,从官方CDN中提取:

<script src="https://unpkg.com/vue/dist/vue.js"></script>

指定的行如下所示:

有没有人经历过这个？这是一个VueJS问题吗？

稍后编辑:

我相信错误在这里:

    attrs: {
        "type": "text",
        "name": "phone",
        "value": "",
        "id": "phone",
        "phone_number":
    }

由于某种原因,"phone_number"字段上的v-bind无法正常工作.

删除:phone_number="phone_number"并再次写入,它只是工作.

Answer 1

如果您使用的是Laravel,并且您在Blade模板中传递数据,如下所示:

<your-component :value="{{ $myValue }}"></your-component>

它可能$myValue是null,因此发生错误.

解决此问题的一种简单方法是json_encode在将值作为属性传递给组件之前使用:

<your-component :value="{{ json_encode($myValue) }}"></your-component>

Answer 2

错误实际上是你在那里指出的

attrs: {
    "type": "text",
    "name": "phone",
    "value": "",
    "id": "phone",
    "phone_number":
}

"phone_number": here is not set to any, 这就是为什么 Vue 发出嘎嘎声并抛出一个错误，说 } 是意外的。