Question

如果将Handlebars.js文件放置在VueJs容器（#app）中，则该文件不会加载。

<script id="details-template" type="text/x-handlebars-template">
    <div class="label label-info"> @{{ domain }}'s Email</div>
</script>

我收到Vue提出的错误消息。

[Vue warn]: Property or method "domain" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

当我从容器中删除#app ID时，车把模板可以正常工作。我试图更改app.js文件中的VueJs分隔符

const app = new Vue({
   el: '#app', 
   delimiters: ["<%","%>"]
});

它没有用。

有什么解决方案？

Answer 1

这是因为未定义您的domain变量，并且您试图在HTML中使用它。您应该初始化变量，然后使用它。试试这个：

const app = new Vue({
   el: '#app', 
   delimiters: ["<%","%>"],
   domain: null
});

如何解决Laravel Blade，Vuejs和Handlebars.js分隔符（小胡子）问题？

1 个答案: