摘要: 前提:后台已设定好socket消息 首先在vue项目中引入socket。在npm下载socket。 当然也可以在index.html中直接插入下面这句,但是最好不要这样做。 接下来在登录页面做连接,也可以在其他页面 之后在home.vue页面实现消息推送 将连接放在login页面而不是home页面的 阅读全文
posted @ 2018-12-20 11:03 番茄芥末饼 阅读(13297) 评论(0) 推荐(0) 编辑
摘要: 可使用text-overflow属性。效果如下图所示 第三种用指定字符串代替多余部分兼容性差,试了试在火狐上可以正常显示,在Chrome上无法正常显示,只显示被截断。 阅读全文
posted @ 2018-12-10 10:15 番茄芥末饼 阅读(451) 评论(0) 推荐(0) 编辑
摘要: 1.页面高度=总高度-上方导航栏等高度:height:calc(100vh - 150px) 注意!!!!等号两边必须有空格!!! 2.给div设置滚动条,两栏布局左侧固定,右侧滚动:将父元素设置固定高度,左侧子元素同样固定高度,右侧设置height:100%。此时长度超过父元素将会出现滚动条,可以 阅读全文
posted @ 2018-12-03 15:45 番茄芥末饼 阅读(1439) 评论(0) 推荐(1) 编辑
摘要: vue2.0与1.0最大的区别就是使用了vDom。vDom的意思是虚拟Dom(Virtual Dom)。它是vue与react的核心。 VirtualDom:VDom并不是一个真正意义上的Dom,简单来说,就是用JS来模拟Dom。当Dom前后发生改变时,把这个改变对比让js来做(这个对比即为有名的D 阅读全文
posted @ 2018-11-22 17:17 番茄芥末饼 阅读(3688) 评论(0) 推荐(0) 编辑
摘要: 在使用ElementsUI中的步骤条时,有时会遇到自定义icon的情况。但element icon数量不多,可能找不到需要的。 这时我们可以自定义icon,同样通过类来引用。首先我们先下载好需要的icon,具体过程可以搜索iconfont下载。 下载好之后解压,将这五个文件加入到我们的项目中。在ic 阅读全文
posted @ 2018-11-15 11:17 番茄芥末饼 阅读(11658) 评论(0) 推荐(0) 编辑
摘要: 需求:用户在地图上单击选点,页面获取到具体坐标并返回。 首先比较重要的是Vue中的$nextTick,因为vue是异步更新的,如果是想打开Dialog或者是其他操作dom后才加载地图,使用nextTick可以保证在dom加载之后进行加载。 如果直接加载地图,这时dom还没有全部更新完毕,无法加载。 阅读全文
posted @ 2018-11-14 11:15 番茄芥末饼 阅读(1884) 评论(0) 推荐(0) 编辑
摘要: vue组件中的API有三个,分别是props,events与slot。前两个分别为传参和触发事件,slot实现的是内容分发。最近使用elementUI中的组合搜索框或者添加其他自定义内容时会用到此属性。它相当于AngularJS中的transclusion,意为插槽。 vue中的组件,可谓是相当重要 阅读全文
posted @ 2018-09-12 11:10 番茄芥末饼 阅读(9551) 评论(0) 推荐(1) 编辑
摘要: moment常规用法(官方文档中已有详细介绍,在此做一个经常使用的总结): npm下载: 引入到.vue文件中: 1.将时间转换为2018-08-08格式。vm.time可以是各种时间,使用elementUI中的时间日期选择器获取到的时间均可以防在moment中,传参十分方便。 2.add是增加时间 阅读全文
posted @ 2018-09-10 09:04 番茄芥末饼 阅读(3059) 评论(0) 推荐(0) 编辑
摘要: 当需要批量导入的时候,一般会提供下载示例文件的功能。实现下载功能直接使用<a>标签即可。 downloadhttp为文件下载的路径,download属性是为了避免浏览器直接执行打开而不下载。路径是下载文件很重要的组成部分,一般为了方便维护都会将文件放在服务器,路径需要在apiconfig.js文件中 阅读全文
posted @ 2018-09-05 21:30 番茄芥末饼 阅读(63981) 评论(0) 推荐(0) 编辑