Vue.js 从VueJSON模式获取模型组件值
我在vuejs、Vuetify和以下库中有一个项目,可以使用带注释的JSON模式动态生成表单: 这个库非常棒,完全符合我的需要,从JSON方案生成表单,我甚至可以添加我自己的组件,并在表单上显示,唯一缺少的是我无法将插槽组件数据获取到模型中 您可以在这里找到我的示例: 以下是我添加组件的方式: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
<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上。