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>