Vue.js 从VueJSON模式获取模型组件值

Vue.js 从VueJSON模式获取模型组件值,vue.js,vue-component,vuetify.js,jsonschema,Vue.js,Vue Component,Vuetify.js,Jsonschema,我在vuejs、Vuetify和以下库中有一个项目,可以使用带注释的JSON模式动态生成表单: 这个库非常棒,完全符合我的需要,从JSON方案生成表单,我甚至可以添加我自己的组件,并在表单上显示,唯一缺少的是我无法将插槽组件数据获取到模型中 您可以在这里找到我的示例: 以下是我添加组件的方式: <template slot="rating" slot-scope="{key, value, update, schema }" class=&quo

我在vuejs、Vuetify和以下库中有一个项目,可以使用带注释的JSON模式动态生成表单:

这个库非常棒,完全符合我的需要,从JSON方案生成表单,我甚至可以添加我自己的组件,并在表单上显示,唯一缺少的是我无法将插槽组件数据获取到模型中

您可以在这里找到我的示例:

以下是我添加组件的方式:

<template slot="rating" slot-scope="{key, value, update, schema }" class="field">
      <star-rating :value="value" @rating-selected="update($event, key)" :show-rating="false" />
    </template>
如您所见,一旦点击“显示数据”按钮,您可以看到您编辑的每个字段的结果,旁边是我添加的新星号组件的值

我错过了什么


谢谢。

您缺少
更新方法

我添加了
updateing
方法,并将其绑定到
@rating selected
事件

这是一把小提琴:

vue星级组件:

<star-rating :value="value" @rating-selected="updateRating" :show-rating="false" />
updateRating: function(rating){
    this.model.rating = rating;
}

希望它能帮助您。

您缺少
更新方法

我添加了
updateing
方法,并将其绑定到
@rating selected
事件

这是一把小提琴:

vue星级组件:

<star-rating :value="value" @rating-selected="updateRating" :show-rating="false" />
updateRating: function(rating){
    this.model.rating = rating;
}

希望对您有所帮助。

非常感谢!它现在可以工作了,挖掘之后我发现它也可以工作了:我已经删除了更新,因为它似乎不存在,而是用在了.input上。非常感谢!它现在可以工作了,在挖掘之后,我发现它也可以工作:我已经删除了更新,因为它似乎不存在,而是用在了.input上。