简单的联动代码示例联动
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会动态变化
请先登录
热门问题
说的不清不楚的,不明白,表达清楚些,最好有示例
第二个远程选择选项会根据第一个远程搜索的选择进行联动。其中第二个:key是必须选项
这好像有bug把
验证可行,关键在于用search传入条件
和我实现思路一样, 点赞
可是这个有一个问题 二级下拉 默认会全部展示 还有个是 上级分类A 旗下有 A1,A2 B旗下 有 B1,B2 如果 你先选择A 然后选择子分类 A1 然后 在选择大分类B 子分类不选的是 子分类最初选择的A2 的值 提交数据库中
- 1
前往