简单的联动代码示例
联动

vue 复制代码
<FormItem
  :label="t('lead_funnel_type')"
  type="remoteSelect"
  v-model="baTable.form.items!.lead_funnel_type"
  prop="lead_funnel_type"
  :input-attr="{ pk: 'id', field: 'name', 'remote-url': '/admin/clue.lead.funnelType/index' }"
  :placeholder="t('Please select field', { field: t('lead_funnel_type') })"
/>
<FormItem
    :label="t('lead_funnel')"
    type="remoteSelect"
    v-model="baTable.form.items!.lead_funnel_id"
    :key="baTable.form.items!.lead_funnel_type"
    prop="lead_funnel_id"
    :input-attr="{
        pk: 'funnel.id',
        field: 'name',
        'remote-url': '/admin/clue.lead.Funnel/index',
        params: {
            search:[{
                field: 'type_id',
                val:baTable.form.items!.lead_funnel_type,
                operator:'eq',
            }]
        }}"
    :placeholder="t('Please select field', { field: t('lead_funnel') })"
/>

lead_funnel_type选择后,再选择lead_funnel_id会动态变化

5个回答默认排序 投票数排序
skmq521
skmq521
这家伙很懒,什么也没写~
1年前

说的不清不楚的,不明白,表达清楚些,最好有示例

lyao
lyao回复skmq521
这家伙很懒,什么也没写~
1年前

第二个远程选择选项会根据第一个远程搜索的选择进行联动。其中第二个:key是必须选项

尘心
尘心
这家伙很懒,什么也没写~
1年前

这好像有bug把

harker
harker
这家伙很懒,什么也没写~
1年前

验证可行,关键在于用search传入条件

liuxiansen
liuxiansen
这家伙很懒,什么也没写~
10月前

和我实现思路一样, 点赞

arkizat
arkizat
这家伙很懒,什么也没写~
2天前

可是这个有一个问题 二级下拉 默认会全部展示 还有个是 上级分类A 旗下有 A1,A2 B旗下 有 B1,B2 如果 你先选择A 然后选择子分类 A1 然后 在选择大分类B 子分类不选的是 子分类最初选择的A2 的值 提交数据库中

请先登录
3
1
8
6