Laravel 中的 VueJs 子组件答案

【问题标题】：VueJs child components in LaravelLaravel 中的 VueJs 子组件
【发布时间】：2015-09-18 04:05:19
【问题描述】：

我在 Vue.js 中使用组件和子组件时遇到了麻烦。我无法在自定义标签处使用子组件和 v-repeats 获得正确的 DOM。这是我的代码：http://laravel.io/bin/rowQx

即使我已经摸不着头脑了好几个小时，我也无法理解为什么重复的角色-用户标签放在表单组之后但在整个表格之前。标签的位置是 before 。为什么这样？为什么它不像我想的那样落在组件中，因为它是放置的地方。有什么想法吗？

【问题讨论】：

【解决方案1】：

目前这个问题是可以解决的。检查代码和manual article。

<tr is="role-user" v-for="user in usersList"></tr>

我不确定v-for 是否不会闯入这里。作为一种解决方法，您可以使用template。

<template v-for="user in usersList">
    <tr is="role-user"></tr>
</template>

【讨论】：

【解决方案2】：

您需要将内容标记放在您的用户表视图中以呈现嵌套的子项。把它放在你想要渲染的位置，就像 laravel 中的 yield 一样

【讨论】：

【解决方案3】：

解决方案是放弃 div 结构。我认为当 html 已经呈现时，不可能添加 tbody / table 行。

【讨论】：