iview
前端vue框架的常用UI框架之一
zheng_zq666
一只Java后端程序猿
邮箱:zhengzhenqin666@163.com
展开
-
解决刷新后会出现的BUG day7
一个一个来解决。第一个BUG:刷新之后左边菜单栏没有正确高亮,因为我们把active-name写死了,每一次重置生命周期都会初始化为我们写死的值,所以它只会在“工作区域”处高亮。解决方法:把active-name变量提取出来,放在create方法里获取当前所处页面的order值。1.提取出active-name2.写进方法里3.当然我们要在index.js里赋值order值o...原创 2020-02-26 17:19:44 · 350 阅读 · 0 评论 -
meta的使用和全局loadingbar day6
现在项目主要存在二个问题。第一个问题:当我们点击不同item切换到不同页面时,title没有变化,如下图:第二个问题:当我们切换页面时,没有进度条。我们先解决第一个问题。导航守卫添加前置守卫和后置钩子添加之前修改一点东西:整体代码:index.js:import Vue from 'vue'import Router from 'vue-router'impor...原创 2020-02-26 16:33:39 · 161 阅读 · 0 评论 -
蚂蚁可视化图表AntV day5
进入AntV官网后,我们选择G2。安装AntVcnpm install @antv/g2 --save在home.vue里import G2 from '@antv/g2';然后在export default里添加相应的样式即可。export default { mounted() { const data = [ { genre: "Sports", so...原创 2020-02-26 16:33:09 · 1309 阅读 · 1 评论 -
默认页面和封装卡片组件 day4
我们先解决上一篇文章最后的问题,做一个默认页面:我们在views目录下新建一个home文件夹,再新建一个home.vue文件,如下图:在里面随便写点什么home.vue:<template> <h1>默认主页面</h1></template><script>export default {}</scr...原创 2020-02-26 16:32:32 · 402 阅读 · 0 评论 -
美化布局和嵌套路由 day3
美化页面添加标题改变标题样式.layout-logo{ color: #ffffff; line-height: 30px; font-size: 20px; height: 30px; border-radius: 3px; float: left; position: relative; top: 15px;...原创 2020-02-26 16:30:51 · 232 阅读 · 0 评论 -
用iView快速搭建一个网页 day2
前提:搭建好npm或者cnpm环境、node.js环境、vue-cli环境和掌握webpack。详情见上一篇:https://www.jianshu.com/p/30987078f327先看看效果图:第一步 新建一个webpack模板的Vue架构项目并用vs code打开。终端输入cnpm run dev检查有没有问题:第二步 安装iView终端输入cnpm install ...原创 2020-02-26 16:29:04 · 479 阅读 · 0 评论 -
构建Vue项目的三种方式 day1
引用Vue.js把从官网下载回来的Vue.js放在项目文件夹中并且用Script引用即可,如下图:CDN对于制作原型或学习,可以这样使用最新版本:<script src="https://cdn.jsdelivr.net/npm/vue"></script>对于生产环境,推荐链接到一个明确的版本号和构建文件,以避免新版本造成的不可预期的破坏:<scri...原创 2020-02-26 16:27:36 · 568 阅读 · 0 评论 -
MVC、MVVM和Vue的关系
MVC是后端的编程模式MVC(Model View Controller)分为三部分:1.Model(模型)表示应用程序核心。2.View(视图)显示数据。3.Controller(控制器)处理输入。其中的Model层是"M"、View层为“V”,而router.js和Controller合并为“C”。说明:1.app.js并没有路由分发的功能,需要调用router.js模块进行路...原创 2020-02-26 16:25:49 · 4354 阅读 · 0 评论