Vue.js-元素UI-表单项标签槽

Léo*_*oco 2 vuejs2

我想知道如何Form Element Slotvue.js 2.3和结合使用element-ui这里的文件。因此,我可以插入 html表格的标签。

我在jsfiddle 这里试过

问题

未知的自定义元素:el-form-item-slot

实施该方法的正确方法是什么?有关此主题的文档尚不清楚

tha*_*ksd 7

指定要在组件插槽中使用的内容的方法是将slot属性添加到该组件的标签内的元素中。

在您的情况下,您想指定一个元素放入组件的label插槽中el-form-item。您可以执行以下操作:

<el-form-item label="temp">
  <span slot="label">Label for the slot</span>
  <el-input v-model="formLabelAlign.name"></el-input>
</el-form-item>
Run Code Online (Sandbox Code Playgroud)

注意,我确实还必须为component标签本身提供一个label属性(带有value "temp")。这可能是错误,也可能是必需的(且文献记录不充分)后备值。

这是一个工作的小提琴。