首页 文章

Vue js组件在laravel刀片文件中不起作用

提问于
浏览 次
0

我是vueJS的新手，我尝试在我的laravel .blade.php文件中实现我的自定义组件，但它不起作用我的代码是这样的

Vue.component('todo-item', {
        props: ['todo'],
        template: '<li>{{ todo.text }}</li>'
    })
    var app7 = new Vue({
        el: '#app-7',
        data: {
            groceryList: [
                {text: 'Vegetables'},
                {text: 'Cheese'},
                {text: 'Whatever else humans are supposed to eat'}
            ]
        }
    })

<div id="app-7">
<ol>
    <todo-item v-for="item in groceryList" v-bind:todo="item"></todo-item>
</ol>

我已经在.html文件中添加了相同的代码然后它正在工作

laravel-5 vue.js

2 回答

  • 1

    在@ {}之前添加@，因为如果你不给“@”那么它算作laravel变量

    回复于
  • 1

    我猜你得到这样的错误

    Use of undefined constant todo - assumed 'todo'

    这意味着刀片模板引擎与vue js模板混淆

    {{ todo.text }}

    blade认为这是它的代码，但那里没有任何todo变量

    如何解决这个问题：

    将您的javascript代码包装到.js文件中，并确保将其加载到刀片文件的底部 .

    回复于

相关问题