jeecg vue3.x常用组件用法

175 阅读1分钟

下拉单选和多选

export const searchFormSchema: FormSchema[] = [
        //下拉单选-从字典中获取值
	{
		label: '上架状态',
		field: 'status',
		component: 'JDictSelectTag',
		componentProps: {
		  dictCode:'yn',
		  type:"select",
		  placeholder:'请选择状态',
		  stringToNumber:true
		}
	},
        {
            label: '类型',
            field: 'type',
            component: 'JDictSelectTag',
            defaultValue: 1,
            componentProps: {
              dictCode:'act_type',
              type:"radio",
              placeholder:'请选择状态',
              stringToNumber:true
            }
          },
            
          {
              field: 'number',
              component: 'JDictSelectTag',
              label: '出兵人数',
              defaultValue: 10000,
              colProps: {
                span: 12,
              },
              componentProps: {
                 //预设值-下拉单选
                  options: [  
                    { label: '1万', value: '10000' },  
                    { label: '5万', value: '50000' },  
                    { label: '10万', value: '100000' },  
                  ],    
              },
            },
        //下拉多选-从字典中取值
        {
            label: '标签',
            field: 'label',
            component: 'JSelectMultiple',
            componentProps: {
              dictCode: "act_label",
              triggerChange: true
            }
       },
        

]