搜索，上传图片 ，分页

搜索，上传图片 ，分页

搜索

搜索关键字点击跳转

# 前端点击按钮代参跳转
<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):