search

lljj-x / vue-json-schema-form

基于Vue/Vue3，Json Schema 和 ElementUi/antd/iview3/naiveUi 等生成 HTML Form 表单，用于活动编辑器、h5编辑器、cms等数据配置；支持可视化生成表单Schema 。 Generate a form using Vue/Vue3, Json Schema and ElementUi/antdv/iview3/naiveUi
https://form.lljj.me/
Apache License 2.0
2.01k stars 418 forks source link

AutoCompleteWidget如何使用 #344

Closed qiaofenlin closed 3 months ago

qiaofenlin commented 5 months ago

反馈问题请先查看文档和务必提供详细的复现代码，遵循如下格式，描述不清楚的问题将会直接关闭。

vue和ui框架

vue3、ui框架antd、

问题描述

如何使用AutoCompleteWidget呢？

lljj-x commented 5 months ago

使用antd 的 a-auto-complete 组件，具体参数对应组件库的文档 ，类似下面。

model:value 参考这个 https://vue-json-schema-form.lljj.me/zh/guide/#%E5%A4%9A%E7%89%88%E6%9C%AC%E9%80%89%E6%8B%A9

"ui:widget": "a-auto-complete",
"ui:options": [
    {
        "value": 11111,
        "text": "111111.11"
    },
    {
        "value": 22222,
        "text": "2222"
    }
]