Javascript 在vue.js组件中呈现子级

如何在vue.js中将选项设置为select。React有这样的东西。props。children，我在这种情况下使用它。如何在vue.js中解决此问题

我还试图访问带有$children的子对象，但始终是一个空数组

在本例中，selectbox没有该选项的名称。 也在JSFIDLE上添加了示例：

var FormComp=Vue.extend{ 模板：“表格公司” }; Vue.组件“form-comp”，FormComp； var SelectField=Vue.extend{ 模板：“选择字段” }; Vue.组件'select-field'，SelectField； var SelectFieldOption=Vue.extend{ 模板：“选择字段选项” }; Vue.组件'select-field-option'，SelectFieldOption； 新Vue{ el:‘集装箱’， 模板： }; 这是我的表格 我的课文1 我的课文2 {{content}}

---

在组件模板内呈现元素的方式存在一些问题。看看这个：

另一方面，Vue使用浏览器的HTML呈现系统，这意味着应该位于HTML元素内部的元素将被丢弃。例如，Vue在“选择”选项中需要一个选项，而不是“选择字段”选项。要克服此限制，您可以执行以下操作：

<option is="select-field-option" value="lalala"></option>

---

重新考虑在组件内部使用模板的方式。这可能对启动有用：

请包含脚本好吗？我已经添加了脚本，但仍然不完整，我们缺少组件的模板。我最好的猜测是模板是错误的。例如，其中是FormComp组件的标签，例如。你看过文件了吗？请尝试在JSFIDLE上写下您的想法，我们可能会更好地帮助您。我创建了以下JSFIDLE：如何将选项放入选择框？我尝试了插槽功能。但我仍然不知道为什么is没有呈现我的选项：：-这有点令人沮丧。它适用于某些文本组件，但不适用于选择..：别担心，这终究会发生的。现在我不在我的电脑前，但我可以在2-3小时内看一看。你有我们之前提到的同样的问题。从我最初的答案来看：另一方面，Vue使用浏览器的HTML呈现系统，这意味着应该在HTML元素中的元素会被丢弃。例如，Vue在“选择”选项中需要一个选项，而不是“选择字段”选项。这意味着您不能在select元素内使用，因为浏览器中的HTML解析器在呈现元素之前会丢弃该元素。请看一下我的答案，我建议将选择字段选项移到选择字段组件下面。嗯，好的。因此，他们没有办法创建一个可以做到这一点的组件：太糟糕了。。