我想要在FormItem中使用自动补全输入框的功能，自己试了好久没成功。求助一下大神们。

我想要在FormItem中使用Autocomplete 组件“自动补全输入框”的功能，自己试了好久没成功。求助一下大神们。
<FormItem :label="t('trip.c_unit')" type="string" v-model="baTable.form.items!.c_unit" prop="c_unit" :placeholder="t('Please input field', { field: t('trip.c_unit.c_unit') })"/>
想把这段代码加上自动补全的功能。有大神修改过,能帮一下吗?

祖国的花朵🌺

这家伙很懒，什么也没写~

8月前

如果你想使用的是浏览器的自动补全
参考这个链接
autocomplete 原生值都有哪些

添加后渲染再浏览器上会自动添加自动补全属性

     <!-- 原生使用方式 -->
    <FormItem :label="t('order.order_sn')"
        type="string"
        v-model="baTable.form.items!.order_sn"
        :input-attr="{
             autocomplete:'given-name'
         }"
         prop="order_sn"
        :placeholder="t('Please input field', { field: t('order.order_sn') })"
    />

如果你想使用element 的自动补全,目前build框架好像没有这个组件
但是有两个方案
①: 用 type="remoteSelect" 远程搜索,让后端出个接口补全
②: 用 type="select" 的方式

<!-- select 使用方式-->
     <FormItem :label="t('order.order_sn')" type="select" v-model="baTable.form.items!.order_sn"
           :data="{ content: { '0': 'VUE2.0', '1': 'VUE3.0', '2': 'PHP' } }"
           :input-attr="{
              filterable: true
           }"
           prop="order_sn" :placeholder="t('Please input field', { field: t('order.order_sn') })"
         />

赞同(0)