FormItem支持用插槽来直接重构某一行的样式吗

就是可以类似实现这样的效果

如果不行的话请问各位大大有什么别的方法可以实现吗?

2个回答默认排序 投票数排序
YANG001
YANG001
这家伙很懒,什么也没写~
9月前

直接用el的输入组件,或者input都可以,混用的,不是非得formiten,到处都在提醒这一点

牛蛙点点
牛蛙点点回复YANG001
这家伙很懒,什么也没写~
9月前

确实,已经解决了,谢谢

XueChen
XueChen
这家伙很懒,什么也没写~
7月前

是的,FormItem 组件通常支持使用插槽(slot)来自定义某一行的样式。你可以使用 slot 属性来指定插槽的名称,然后在父组件中提供一个模板来填充这个插槽。

举个例子

<el-form-item label="Username"> <slot name="username"></slot> </el-form-item> <child-component> <template #username> <el-input v-model="username"></el-input> </template> </child-component>

在这个例子中,我们在 el-form-item 中定义了一个名为 username 的插槽。然后,在父组件中,我们提供了一个模板来填充这个插槽,模板中包含一个 el-input 组件。

请注意,这个例子使用了 Vue 2 的语法。如果你使用的是 Vue 3,你应该使用 v-slot:username 而不是 #username。

你可以根据需要调整这个例子,例如,你可以在模板中添加更多的元素,或者使用不同的组件。

请先登录
1
1
0
3