搜索,上传图片 ,分页
搜索
搜索关键字点击跳转
# 前端点击按钮代参跳转
<button @click="search">查询</button>
methods:{
search(){
# 点击事件跳转,并将数据传到页面路由中
this.$router.push('/search/?word='+this.word)
}
},
# 跳转页面
<div>
<h1>======== 查询展示 ========</h1>
# 将获取到数据渲染到页面
<p v-for="(item,i) in search_li" :key="i">
{
{
item.id}} ---- {
{
item.name}} ---- {
{
item.site}}
<br>
</p>
</div>
data(){
return{
# 获取页面路由中的数据
word:this.$route.query.word,
search_li:[],
}
},
created(){
axios({
# 路由
url:'http://127.0.0.1:8000/app01/search/ word='+this.word,
# 请求方式
method:'get'
}).then(res=>{
console.log(res.data)
# 获取后端传递数据,存放到search_li
this.search_li = res.data
})
}
class SearchView(APIView):