
vue
空那个白
这个作者很懒,什么都没留下…
展开
-
vue+echarts实现摩天轮大图效果
vue+echarts实现摩天轮大图效果原创 2019-12-16 10:36:28 · 671 阅读 · 1 评论 -
vue+echart制作摩天轮大图
利用echarts在vue框架里制作摩天轮图表效果原创 2019-12-16 10:13:51 · 570 阅读 · 0 评论 -
获取一天的开始时间和结束时间,并且将时间格式化
vue中获取一天的开始时间和结束时间,并且将时间格式化原创 2019-12-11 19:17:49 · 922 阅读 · 0 评论 -
elementUI-table利用index给前三设置不同的颜色及样式
使用elementUI的table组件,对数据进行排序,然后根据index给前三名设置不同的颜色原创 2019-12-11 19:08:46 · 2544 阅读 · 0 评论 -
vue中获取当前时间
在vue组件中获取当前时间,年月日时分秒星期原创 2019-12-11 18:23:50 · 4831 阅读 · 2 评论 -
vue打包之后css路径问题
你是否遇到过vue项目在本地运行没问题,但是打包放到Tomcat之后页面无法显示,控制台报错,提示css,js等路径找不到的情况呢?反正我上次遇到了,所以这里做个笔记吧~~~直奔重点~~~解决办法如下:这样操作后可能还会存在某些图标字体无法显示,此时需要改动另一个地方~~~在utils文件里如下截图位置,增加这一句代码:“publicPath:'../../'”...原创 2019-09-30 09:18:48 · 1062 阅读 · 0 评论 -
vue+element-ui面包屑导航
vue+element-ui面包屑导航所需组件及引入文件(npm、elelment-ui等基础安装在此不做介绍)如同上一篇( vue&Element-ui实现的导航菜单)中介绍,需要布局layout公共组件,路由配置文件,此篇中路由配置文件同上一篇中,在此主要介绍面包屑导航,其余可参考上一篇,链接如下链接: vue&Element-ui实现的导航菜单链接.组件存放内容1...原创 2019-08-31 15:07:05 · 10029 阅读 · 2 评论 -
vue&Element-ui实现的导航菜单
vue&Element-ui实现的导航菜单vue&Element-ui实现导航菜单所需依赖及组件组件介绍结果截图vue&Element-ui实现导航菜单网上有很多demo和示例,有的可以实现二级但不支持三级,有的支持三级但是有些复杂(也许是因为本人技术能力不足),当然也可以找到完整的模板,套用起来很方便,,,直接套用模板担心后续修改会有后遗症,好了~~~直接上代码吧,总...原创 2019-08-31 14:08:29 · 18556 阅读 · 3 评论 -
setTimeout与promise基础
说来惭愧,一直用async/await,但是却没有懂到底是干啥的。。。感谢大佬最近指导了一波,总算知道了最基础的该怎么用。。。先来说说同步和异步吧~~~通俗点理解~~~同步:得按顺序一个一个来,如果中途有一个耗时很长,那后面也都得等着(遵循先来后到)异步:当前异步函数可以先搁置一边慢慢执行,先执行后面的。。。setTimeout延时,如果想让延时的按顺序一步一步执行怎么解决...原创 2019-08-17 15:10:45 · 1201 阅读 · 0 评论 -
slot基础使用
官网对slot的介绍实在是太模糊了,可能是我理解能力不够,后来找了一些资料,自己尝试之后的理解是这样的。。。slot,插槽,就像是插座的插孔,父组件中引用了子组件,并且在其中添加了其他内容,比如dom元素,但是最终在渲染过程成只会认父组件及子组件的东西,不会认在父组件中加入的子组件的内容(好像有点不太明白、、、),直接看例子吧:(1)不使用插槽,添加的内容将被自动忽略父组件:子...原创 2019-08-15 10:54:53 · 877 阅读 · 0 评论 -
vue中mixins的基础使用
一、mixins基础使用vue中的解释是这样的:混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。我的理解:mixins类似于公共组件但又区别于公共组件,可以在其中定义公共的部分。基础使用:1、定义一个mixins文件夹,在其中定义一个minixs.vu...原创 2019-08-14 18:26:28 · 476 阅读 · 0 评论 -
axios基础
一、什么是axios?Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。我的简单理解就是axios用来向后台发请求。二、基础用法:1、get请求 // 为给定 ID 的 user 创建请求axios.get('/user?ID=12345') .then(function (response) { consol...原创 2019-07-31 09:23:37 · 120 阅读 · 0 评论 -
vue-router路由传参
场景:根据不同用户登录信息显示用户信息页关键词:params或者query传参params传参不会在地址栏显示,query传参会显示对应的参数在地址栏1、在路由管理文件index.js中配置routes(记得配置name,方便识别)2、传递参数(包含params和query两种方法)3、在跳转后的页面接收参数(注意:是this.$route,没有r。或者直接写$rou...原创 2019-07-30 14:48:57 · 133 阅读 · 0 评论 -
动态路由匹配
借助官网的场景来说,我们经常需要把某种模式匹配到的所有路由,全都映射到同个组件。例如,我们有一个User组件,对于所有 ID 各不相同的用户,都要使用这个组件来渲染。那么,我们可以在vue-router的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果:1、首先建立组件user.vue2、在路由index.js中配置动态路由,根据不同id渲染不同...原创 2019-07-30 14:02:29 · 250 阅读 · 0 评论 -
vueRouter基础
VueRouterVue Router 是Vue.js官方的路由管理器,简单理解可做vue项目导航一、安装(搭建vue-cli时会选择然后默认配置好)npm install vue-router二、使用1、非vue-cli中使用路由(1)html头文件中引入vue.js和vue-router.js(2)html页面布局(3)js中配置路由2、在...原创 2019-07-30 11:41:49 · 181 阅读 · 0 评论 -
vuex基础
Vuex是什么?官网解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。我理解的是:全局状态管理,vuex用来管理各组件需要公用的状态值,简单的理解就是你在state中定义了一个数据之后,你可以在所在项目中的任何一个组件里进行获取、进行修改,并且你的修改可以得到全局的响应变更。它能...原创 2019-07-30 10:51:17 · 189 阅读 · 0 评论