Element-ui 如何实现两种远程搜索(模糊查询)功能?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1783个文字,预计阅读时间需要8分钟。
问题描述:实现一个前端远程搜索功能,支持模糊查询。解决方案:自带两种方式可实现,一种使用el-input中的el-autocomplete,另一种使用el-select和el-option。两种方式均可选,具体实现方式如下:
1. 使用el-input中的el-autocomplete: javascriptdata() { return { searchValue: '', options: [] };},methods: { handleInput() { // 远程搜索逻辑 // 根据searchValue获取远程数据并更新options }}
2. 使用el-select和el-option: javascriptdata() { return { selectedValue: '', options: [] };},methods: { fetchOptions() { // 远程搜索逻辑 // 根据selectedValue获取远程数据并更新options }}两种方式均可实现远程搜索功能,具体选择哪种方式可根据实际需求进行选择。
问题描述
有一种查询叫做前端远程搜索、模糊查询。饿了么自带两种方式可以做,一种是使用el-input中的el-autocomplete,另一种是使用el-select和el-option。这两种都可以选择,但是具体实现的思路方式要和后端商量。
本文共计1783个文字,预计阅读时间需要8分钟。
问题描述:实现一个前端远程搜索功能,支持模糊查询。解决方案:自带两种方式可实现,一种使用el-input中的el-autocomplete,另一种使用el-select和el-option。两种方式均可选,具体实现方式如下:
1. 使用el-input中的el-autocomplete: javascriptdata() { return { searchValue: '', options: [] };},methods: { handleInput() { // 远程搜索逻辑 // 根据searchValue获取远程数据并更新options }}
2. 使用el-select和el-option: javascriptdata() { return { selectedValue: '', options: [] };},methods: { fetchOptions() { // 远程搜索逻辑 // 根据selectedValue获取远程数据并更新options }}两种方式均可实现远程搜索功能,具体选择哪种方式可根据实际需求进行选择。
问题描述
有一种查询叫做前端远程搜索、模糊查询。饿了么自带两种方式可以做,一种是使用el-input中的el-autocomplete,另一种是使用el-select和el-option。这两种都可以选择,但是具体实现的思路方式要和后端商量。

