select 下拉分页

发布时间 2023-07-17 11:00:36作者: 一封未寄出的信
 <el-form-item label="客户名称" prop="pubCorporationId" class="customer">
      <base-selectPage v-model="ruleForm.pubCorporationId" ref="selectpageRef" @change="rows => customerSelect(rows)" :searchParams="{ customerStep: 1}" searchField="keyword" showField="nameEn" keyField="pubCorporationId" data="/transportPrice-api/crm/corporation/getSimplePage"
        :tb-columns="defaultBaseSelectPageColumns" :defaultRow="ruleForm.pubCorporationId?{pubCorporationId:ruleForm.pubCorporationId}:{}"
      ></base-selectPage>
  </el-form-item>
 
searchParams 添加自定义参数,需要传递给后台的参数,写入此参数中
 
 v-model: 绑定的参数
 
change:改变数据
 
searchField 搜索显示的数据
 
showField 显示数据
 
keyField ke值
 
data 数据
 
tb-columns  栏
 
defaultRow:默认列数据
 
data 数据中
data{
return{
 defaultBaseSelectPageColumns: defaultBaseSelectPageColumns,
}
}
 
此处是配置基础下拉分页的columns
// base基础分页下拉Columns
export const defaultBaseSelectPageColumns = [
  { title: 'CODE', data: 'code', width: 130 },
  { title: '中文名', data: 'nameCn', minWidth: 180 },
  { title: '英文名', data: 'nameEn', minWidth: 250  },
]