el-select

<el-select v-model="form.tempName" placeholder="请选择项目模板名称" filterable clearable>

<el-option v-for="item in optionTempls" :key="item.templName" :label="item.templName"

:value="item.templId">

</el-option>

</el-select>

:key 循环ID

:label 列表展现的值

:value 实际存入的值 :value="item.templId"=v-model="form.tempName"

相关推荐
EMT3 分钟前
在 Vue 项目中使用 URL Query 保存和恢复搜索条件
javascript·vue.js
艾小码5 分钟前
还在被超长列表卡到崩溃?3招搞定虚拟滚动,性能直接起飞!
前端·javascript·react.js
前端康师傅10 分钟前
JavaScript 作用域常见问题及解决方案
前端·javascript
我是日安12 分钟前
从零到一打造 Vue3 响应式系统 Day 9 - Effect:调度器实现与应用
前端·vue.js
Mintopia24 分钟前
🚀 Next.js 全栈 E2E 测试:Playwright vs Cypress
前端·javascript·next.js
原生高钙24 分钟前
JS设计模式指南
前端·javascript
Mintopia31 分钟前
⚡ WebAssembly 如何加速 AIGC 模型在浏览器中的运行效率?
前端·javascript·aigc
断竿散人37 分钟前
乾坤微前端框架的沙箱技术实现原理深度解析
前端·javascript·前端框架
uhakadotcom39 分钟前
在python中,使用conda,使用poetry,使用uv,使用pip,四种从效果和好处的角度看,有哪些区别?
前端·javascript·面试
鹏多多43 分钟前
深入解析vue的keep-alive缓存机制
前端·javascript·vue.js