zoukankan      html  css  js  c++  java
  • vue简单的豆瓣电影-数据较少写的比较粗糙

    嗯,早就知道要学vue,然而一直在拖延。得改改拖延症了。

    这几天写了点小东西,根据豆瓣电影的api写的简易版的豆瓣电影

    哈哈哈,数据比较少,然后写的很粗糙,纯练手的。很多地方需要优化。

    个人觉得有难度的地方是:

    列表页跳转到影片详情页的时候那个动态路由那个地方

    其实动态路由这都不是事,主要是组件复用数据刷新问题。

    具体描述:点击详情页回到其他的主组件然后点击进入详情页的时候发现数据展示的都是上一条数据的详情信息,非得手动刷新才能显示当前数据的信息。

    在网上百度了,大概说的是组件复用了。

    最后终于找到了解决方法,

    解决方法链接:http://www.codes51.com/itwd/4311957.html

    贴出自己的代码解决方法:

    created(){
                this.getDate();
            },
            methods:{
                getDate(){
                    var movieId = this.$route.query.id
                    jsonp('https://api.douban.com/v2/movie/subject/'+movieId, null, (err, data) => {
                      if (err) {
                        console.error(err.message);
                      } else {
                        this.movieDetils=data;
                        console.log(this.movieDetils)
                      }
                    });  
                }
            },
            watch:{
                '$route' (to, from) {
                   this.getDate();
                }
            },
  • 相关阅读:
    SpringBoot配置文件数据格式三种写法
    实施工程师
    Linux命令大全
    PDCA原则
    cmd命令下载maven管理需要的依赖jar包
    java集合体系结构总结
    回溯
    红黑树详解
    Java 垃圾回收算法
    MySQL优化:如何避免回表查询?什么是索引覆盖
  • 原文地址:https://www.cnblogs.com/zylily/p/9051184.html
Copyright © 2011-2022 走看看