vue项目中各种查询,按类型,按id,按名字,模糊查询该如何查询
时间: 2024-03-18 07:40:25 浏览: 54
vue实现模糊搜索功能
在 Vue 项目中,可以使用 Axios 发送请求到后端 API 接口,根据不同的查询条件进行数据筛选和过滤。
例如,如果要按类型查询,可以在后端 API 接口中添加一个类型参数,前端发送请求时携带这个参数,后端根据参数进行查询:
```javascript
axios.get('/api/data', { params: { type: 'food' } })
.then(response => {
console.log(response.data)
})
```
如果要按 id 查询,可以在后端 API 接口中添加一个 id 参数,前端发送请求时携带这个参数,后端根据参数进行查询:
```javascript
axios.get('/api/data', { params: { id: 123 } })
.then(response => {
console.log(response.data)
})
```
如果要按名字查询,可以在后端 API 接口中添加一个 name 参数,前端发送请求时携带这个参数,后端根据参数进行查询:
```javascript
axios.get('/api/data', { params: { name: 'apple' } })
.then(response => {
console.log(response.data)
})
```
如果要进行模糊查询,可以在后端 API 接口中添加一个 keyword 参数,前端发送请求时携带这个参数,后端根据参数进行模糊查询:
```javascript
axios.get('/api/data', { params: { keyword: 'apple' } })
.then(response => {
console.log(response.data)
})
```
这些都是基本的查询方式,具体的实现方式需要根据具体的业务需求来决定。
阅读全文