在vueMultiSelect中更新表单时自动选择对象(使用vue表单生成器)

我有一个Ranges组件,它与Category具有Many2Many关系。我使用Typeporm使用

创建了关系
@ManyToMany(type => Category)
@JoinTable()
categories!: Category[];

我在上面的Ranges.ts文件中创建了关系。我注意到在此之后创建了一个单独的表,称为range_category_categories。

所以我有一个名为RangeForm的表格。我加载了它的组件,并在其中使用了VueFormGenerator。表单运行良好,formgenerator的模式文件具有所有字段,并将vueMultiSelect用于类别的多选。我创建了单独的代码,这些代码遍历类别并更新架构的值。因此我可以动态选择多个类别。添加表单工作正常,并在sqlite3的range_category_categories表中添加了所有多个选择。问题是当我编辑模型时。当我打开编辑页面时,除vueMultiselect字段外,所有其他字段都会自动填充。它是空的。是的,我可以再次选择并更新。但是我希望vueMultiselect被自动从数据库中选择之前的选择。我希望我解决了这个问题。

这是vueMultiSelect的架构

{
    "type": "vueMultiSelect","model": "categories","label": "Included Categories","placeholder": "Select categories to include","required": false,"selectOptions": {
      "multiple": true,"key": "name","trackBy": "id","label": "name","searchable": true,"clearOnSelect": false,"closeonSelect": false,"limit": 5
    },"values": []
}
iCMS 回答:在vueMultiSelect中更新表单时自动选择对象(使用vue表单生成器)

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/2007612.html

大家都在问