Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue.js内联模板错误_Javascript_Laravel_Vue.js - Fatal编程技术网

Javascript Vue.js内联模板错误

Javascript Vue.js内联模板错误,javascript,laravel,vue.js,Javascript,Laravel,Vue.js,我正在尝试将内联模板与vue.js2.0一起使用 我将其与Laravel blade 5.4一起使用: <users inline-template> <tbody> @foreach($users as $user) <tr> <td> {{ $user->name }} </td&g

我正在尝试将
内联模板
vue.js2.0
一起使用

我将其与Laravel blade 5.4一起使用:

<users inline-template>
    <tbody>
        @foreach($users as $user)
            <tr>
                <td>
                    {{ $user->name }}
                </td>

                <td>
                    {{ $user->last_name }}
                </td>

                <td>
                    {{ $user->created_at->diffForHumans() }}
                </td>

                @if($user->isActive())
                    <td>
                        <span class="tag is-success">Ja</span>
                    </td>
                @else
                    <td>
                        <span class="tag is-danger">Nee</span>
                    </td>
                @endif

                <td>
                    <span class="tag is-warning">Admin</span>
                </td>

                <td>
                    <i class="fa fa-eye" aria-hidden="true"></i>
                </td>
            </tr>
        @endforeach
    </tbody>
</users>
但我得到的错误如下:

未捕获的TypeError:无法读取未定义的属性“type” 在genInlineTemplate


这里可能出了什么问题?有什么建议吗?

内联模板似乎没有很好地锁定
标记

我在文档中找不到任何解释,但用
标记解决了这个问题

<component inline-template>
     <div>
          <tr>
             <th>Something</th>
             <th>something</th>
             <th>something</th>
          </tr>
     </div>
</component>

某物
某物
某物

内联模板似乎没有很好地锁定
标记

我在文档中找不到任何解释,但用
标记解决了这个问题

<component inline-template>
     <div>
          <tr>
             <th>Something</th>
             <th>something</th>
             <th>something</th>
          </tr>
     </div>
</component>

某物
某物
某物

您试图将
内联模板
与单个文件组件一起使用?我不认为那会飞起来。单文件组件需要编译成渲染函数的模板。@BertEvans您好,谢谢您的回复。我以前是这样使用内联模板的。不知道为什么它突然抛出那个错误。如果使用
内联模板
则不需要模板。完整的.vue文件是什么?只是剧本吗?@BertEvans是的,是的。想想看;它确实有效。我不知道为什么要这样做,不只是对组件使用javascript文件,而是在那里使用它。我能想到的唯一导致此特定错误的原因可能是php无法正确呈现的内容。您试图将
内联模板
与单个文件组件一起使用吗?我不认为那会飞起来。单文件组件需要编译成渲染函数的模板。@BertEvans您好,谢谢您的回复。我以前是这样使用内联模板的。不知道为什么它突然抛出那个错误。如果使用
内联模板
则不需要模板。完整的.vue文件是什么?只是剧本吗?@BertEvans是的,是的。想想看;它确实有效。我不知道为什么要这样做,不只是对组件使用javascript文件,而是在那里使用它。我能想到的唯一导致这个特定错误的原因可能是php中没有正确呈现的内容。
<component inline-template>
     <div>
          <tr>
             <th>Something</th>
             <th>something</th>
             <th>something</th>
          </tr>
     </div>
</component>