当前位置: 首页 > news >正文

element plus的el-select分页

在这里插入图片描述摘要:

el-select的数据比较多的时候,必须要分页,处理方案有全部数据回来,或者添加搜索功能,但是就有个问题就是编辑的时候回显问题,必须要保证select的数据有对应的id与name匹配回显!

<el-form-item label="品牌" prop="goodsSku.brandId"><el-select :remote-method="queryBrandList":loading="loading"@change="handleChangeBrandName" v-model="formData.goodsSku.brandId" remotefilterable placeholder="请选择品牌" clearable class="!w-240px"><el-option v-for="item in brandList" :key="item.id" :label="item.brandName" :value="item.id" /></el-select>
</el-form-item>
const loading = ref(false)
queryBrandList(brandName)
const queryBrandList = async (brandName?: string) => {loading.value = trueconst { list } = await GoodsBrandApi.getGoodsBrandPage({brandName,pageNo: 1,pageSize: 10})brandList.value = []brandList.value = listloading.value = false
}
http://www.lryc.cn/news/465111.html

相关文章:

  • STM32CubeMX【串口收发USART】
  • 【学术会议投稿】Java Web开发实战:从零到一构建动态网站
  • [Unity]内存优化
  • FreeRTOS工程创建,创建多任务程序,基于汇编对ARM架构的简单理解
  • C++STL--------list
  • M1 Mac打开Jupyter notebook
  • docker 仓库之harbor详解
  • 【环境变量】windons的Path
  • go语言里的切片
  • 革新你的智能体验:AIStarter 3.1.1正式版现已上线【安全认证】ai应用市场,数字人,ai绘画,ai视频,大模型,工作流因有尽有
  • 【练习17】数组中的最长连续子序列
  • 2024 最适合 Web 开发者的 9 款 Chrome 扩展
  • React综合指南(二)
  • XML\XXE漏洞基本原理
  • uniapp小程序自定义聚合点
  • Spring Boot在线考试系统:JavaWeb技术的应用案例
  • Linux在服务器多节点下面如何快速查找日志
  • 模数转换ADC0804的应用
  • CBAM中关于碳关税抵销
  • 2.5 windows xp,ReactOS系统快速系统调用的实现
  • AI助力广交会,人工智能在制造业有哪些应用场景?
  • ElementPlus-Table表格-单选--TypeScript进阶篇
  • 三大智能体平台深度对比:字节Coze、百度AppBuilder、智谱智能体优劣解析
  • 【Flutter】基础入门:自定义Widget
  • 程序员日志之DNF手游装备武器升级55级攻略
  • Java项目-基于springcloud框架的分布式架构网上商城系统项目实战(附源码+文档)
  • ComfyUI_LayerStyle节点介绍
  • SQL Injection | SQL 注入 —— 时间盲注
  • 最新开发项目H5商城小程序源码系统 带源代码安装包以及搭建部署教程
  • 5大绝招揭秘:Cursor如何让RESTful API开发效率提升300%?