Vue实战项目(七):合并参数

1. 当点击全部分类时需要携带参数,如果点击了全部分类后,还添加了关键词搜索时也需要携带参数,所以此时需要合并参数

//src >>> components >>> Header >>> index.vue
<script>
export default {
   name: '',
   data(){
      return {
         keyword:'',
      },
      methods:{
         //搜索按钮的事件处理函数,用于跳转至search路由组件当中
         goSearch(){
            //如果有query参数也要传过去
            if(this.$route.query){
               let location = {name:"search",params:{keyword:this.keyword || undefined}}
               location.query = this.$route.query
               this.$router.push(location)
            }
         }
      }
   }
}
</scirpt>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
作为AI语言模型,我不具备完整的编程能力,无法给出完整的Django和Vue实战项目。但是,我可以提供一些参考资料,帮助你开始构建一个Django和Vue项目。 1. Django官方文档:https://docs.djangoproject.com/en/3.1/ Django是一个流行的Python Web框架,它提供了丰富的功能和工具,可以帮助你快速构建Web应用程序。在官方文档中,你可以学习到Django的基本概念、架构和API,以及如何使用Django创建Web应用程序。 2. Vue官方文档:https://cn.vuejs.org/v2/guide/ Vue是一个流行的JavaScript框架,它提供了丰富的功能和工具,可以帮助你构建交互式Web应用程序。在官方文档中,你可以学习到Vue的基本概念、架构和API,以及如何使用Vue创建Web应用程序。 3. Django REST framework:https://www.django-rest-framework.org/ Django REST framework是一个基于Django的Web API框架,它提供了丰富的功能和工具,可以帮助你构建RESTful API。在官方文档中,你可以学习到如何使用Django REST framework创建API,以及如何使用Vue与Django REST framework集成。 4. Vue CLI:https://cli.vuejs.org/ Vue CLI是一个官方的Vue项目脚手架,它提供了丰富的功能和工具,可以帮助你快速创建Vue项目。在官方文档中,你可以学习到如何使用Vue CLI创建Vue项目,以及如何集成Django和Vue。 5. Vue Router:https://router.vuejs.org/ Vue Router是一个官方的Vue路由器,它提供了丰富的功能和工具,可以帮助你构建单页应用程序。在官方文档中,你可以学习到如何使用Vue Router创建路由,以及如何集成Django和Vue Router。 6. Vuex:https://vuex.vuejs.org/ Vuex是一个官方的Vue状态管理库,它提供了丰富的功能和工具,可以帮助你管理Vue应用程序的状态。在官方文档中,你可以学习到如何使用Vuex管理状态,以及如何集成Django和Vuex。 以上是一些参考资料,希望可以帮助你开始构建一个Django和Vue项目。记得在实践中不断探索和学习,祝你成功!

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值