JLinkTableCard 关联记录 ✔
组件参数
参数 | 类型 | 必填 | 说明 |
---|---|---|---|
valueField | string | 是 | value字段 |
textField | String | 是 | 文本字段 |
tableName | object | 是 | 关联表名,目前支持online表单 |
multi | Boolean | 否 | 是否支持多选,默认值false |
value | string,number | 否 | 选择的数值 |
disabled | Boolean | 否 | 是否禁用 |
detail | Boolean | 否 | 是否是detail页面 |
imageField | String | 否 | 图片字段 |
效果展示
使用示例
<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>