Vue formulate 我可以通过Vue传递元数据吗';在不影响输入属性的情况下使用模式API? 目标是: 从JSON/CMS生成表单字段 JSON中有一个参数,允许两个字段在一行上相邻 迄今为止的解决办法是:

Vue formulate 我可以通过Vue传递元数据吗';在不影响输入属性的情况下使用模式API? 目标是: 从JSON/CMS生成表单字段 JSON中有一个参数,允许两个字段在一行上相邻 迄今为止的解决办法是:,vue-formulate,Vue Formulate,我正在使用Vue的模式API生成字段。在Vue的选项中,我可以根据上下文中的参数有条件地将类添加到外部容器中 类:{ 外部(上下文、类){ if(context.attrs.colspan==1){ 返回类。concat('col-span-1') } 返回类。concat('col-span-2') }, 我使用的是Tailwind,它不需要类名连接,实际上希望默认值为col-span-2,因此如果您想复制它,您的逻辑可能会有所不同 对于FormulateForm应用了一些类,这非常有效。由

我正在使用Vue的模式API生成字段。在Vue的选项中,我可以根据
上下文中的参数有条件地将类添加到
外部
容器中

类:{
外部(上下文、类){
if(context.attrs.colspan==1){
返回类。concat('col-span-1')
}
返回类。concat('col-span-2')
},
我使用的是Tailwind,它不需要类名连接,实际上希望默认值为
col-span-2
,因此如果您想复制它,您的逻辑可能会有所不同

对于
FormulateForm
应用了一些类,这非常有效。由于CSS网格,不需要额外的包装行:


架构现在看起来像这样:

[
{
键入:“文本”,
姓名:“名字”,
标签:“名字”,
验证:“必需”,
要求:正确,
科尔斯潘:1,
},
问题 Vue Formulate的架构API将定义的所有属性(某些保留名称除外)向下传递到
input
元素


名字

vue团队在这件事上帮助了我。非常感谢。非常爱

有一种方法可以防止它登录到输入上,那就是在模式中使用保留的
外部类
属性:

[
{
键入:“文本”,
姓名:“名字”,
标签:“名字”,
验证:“必需”,
要求:正确,
“外部类”:[col-span-1'],
},
这意味着我根本不需要这样做:

类:{
外部(上下文、类){
if(context.attrs.colspan==1){
返回类。concat('col-span-1')
}
返回类。concat('col-span-2')
},
vue formulate支持通过道具替换或连接类。我之所以忽略了它,是因为我没有意识到传递到架构API的所有内容最终都与应用该名称的道具相同

类可以应用于组件的其他几个部分,而不仅仅是
外部
/容器。更多信息如下: