跳到主要内容

JLinkTableCard 关联记录 ✔

组件参数

参数类型必填说明
valueFieldstringvalue字段
textFieldString文本字段
tableNameobject关联表名,目前支持online表单
multiBoolean是否支持多选,默认值false
valuestring,number选择的数值
disabledBoolean是否禁用
detailBoolean是否是detail页面
imageFieldString图片字段

效果展示

使用示例

<template>
<BasicForm
:schemas="schemas"
:actionColOptions="{ span: 24 }"
>
</BasicForm>
</template>
<script setup lang="ts">
const schemas = [
{
field: 'link',
component: 'JLinkTableCard',
label: 'JLinkTableCard示例',
colProps: {
span: 12,
},
componentProps: {
placeholder: '请选择关联记录',
valueField: 'id',
textField: 'name,price,xiala',
tableName: 'uniapp_test_control',
},
},
{
field: 'link',
component: 'JEllipsis',
label: '选中值',
colProps: {
span: 12,
},
},
];
</script>