基于vue的手机阅读小说类webapp

作品源码

因为学习vue，所以试着用其来做个了小说阅读webapp，主要使用了vue2.0+vuex+vue-router等。

本项目使用了追书神器api，仅用于学习和了解。

本人只是一个初学者，有什么建议欢迎提出，让我们共同进步，如果你也刚学vue，可以了解一下，喜欢可以给star 给我个小鼓励。

页面效果展示

主页和阅读

分类和排行

收藏和删除

已完成目标

小说搜索
小说书架
小说排行
小说分类
小说详情
阅读器背景更改
小说换源
章节跳转
小说删除

未完成目标

小说书单
皮肤更换功能
书架显示模式更改
小说阅读位置记录(非章节)
排行周榜月榜

遇到的错误

api跨域问题
解决：使用vue-cli的话，可以在config/index,js 中找到dev里的proxyTable 写入

    '/api':{target:'http://api.xxxx.com',//源地址changeOrigin:true,//改变源pathRewrite:{ //路径重写'^/api':'http://api.xxxx.com'}}

注意：只在开发环境下有效

v-for中动态更改对应item的:class的真假无效
解决：使用$set(obj,index,value)来进行变更
使用 keep-alive 时想让指定组件保存其他组件依然重新加载
解决：

<keep-alive include="组件的name">xxx</keep-alive>

注意:name不是router中定义的name，而是组件内定义的name。

路由进出时想要做些事情怎么办
解决：使用beforeRouteEnter和beforeRouteLeave等钩子函数进行设置

注意：里面必须要使用next()函数，否则不跳转路由

转载于:https://my.oschina.net/u/3681640/blog/1633078

基于vue的手机阅读小说类webapp相关推荐

花费一天时间基于Vue创建的epub小说阅读器效果展示及源码分享
视频演示 https://www.bilibili.com/video/BV11X4y1M716 链接: link. github源码地址:https://github.com/lyh-create/ ...
基于vue的仿饿了么webapp
1.项目介绍此项目为外卖App核心的商家模块的SPA SPA是为构建WebApp设计的路由控制和视图转换框架包括商品.评论.商家介绍.购物车等多个子模块使用 Vuejs全家桶 + ES6 + W ...
基于vue+ionic+capacitor的图书借阅app
目录整套源码下载 1.app前端+springboot后台源码 2.pc端+springboot后台源码 3.pc端+app端+springboot后台合集源码一.前言二.用到的技术三.开发使 ...
基于Vue+ElementUI+Express+Mysql电子书小说阅读网设计
开发技术:Vue + ElementUI + layui + express 开发环境:VsCode + NodeJs + Mysql 这是一个电子书阅读和共享平台,网站一共有2个身份包括管理员和用户 ...
2021年基于VUE开发的一套移动端APP小说听书AI男女多种支持云端存储书籍记录
2021年基于VUE开发的一套移动端APP小说前端架构主要采用: "axios": "^0.21.1", "better-scroll": ...
实现微信小程序和手机app（基于vue）PDF预览功能
引言:最近在做微信小程序和手机端app开发(基于vue),实现一个pdf预览功能. 需求:点击pdf列表,跳转到预览pdf页面,页面上强制阅读10s后,显示一个按钮返回,更新阅读状态: 要求:不能调用 ...
开源阅读书源_手机阅读app,只推荐这几款，杂志，漫画英文小说，都可以免费轻松阅读...
今天为大家分享几款手机阅读app,亲测非常好用,可以让你在手机上轻松高效地阅读杂志,英文原版小说,app下载方式在文末提供 01.厚墨一款开源阅读神器,支持安卓版本,开源即你可以在软件中自定义自己的 ...
注册/找回密码等功能中发送手机验证码后倒计时效果的实现（基于vue）
注册/找回密码等功能中发送手机验证码后倒计时效果的实现,基于vue.element-ui <template><el-button size="small" ty ...
element手机验证格式_基于Vue+elementUI实现动态表单的校验功能(根据条件动态切换校验格式)...
前言开发过程中遇到了一个需求,根据用户选择的联系方式,动态改变输入框的检验条件,并且整个表单是可以增加的在线访问:动态表单校验 github(欢迎star): https://github.com ...
vue和Java做数据交互_基于vue和springmvc前后端分离，json类接口调用介绍
基于vue和springmvc前后端分离,json类接口调用介绍版本要求:spring-3.2.9.RELEASE.vue-2.9.2.axios-0.17.1,其中axios作为http clie ...

基于vue的手机阅读小说类webapp

页面效果展示

主页和阅读

分类和排行

收藏和删除

已完成目标

未完成目标

遇到的错误

基于vue的手机阅读小说类webapp相关推荐

最新文章

热门文章