简单的联动代码示例联动
<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会动态变化
请先登录
说的不清不楚的,不明白,表达清楚些,最好有示例
第二个远程选择选项会根据第一个远程搜索的选择进行联动。其中第二个:key是必须选项
这好像有bug把
验证可行,关键在于用search传入条件
和我实现思路一样, 点赞
- 1
前往