Vue
SunGodD00
活着只为改变世界
有任何方面的问题都可以私我。
大家互相学习,讨论心得,互相帮助.
可以关注我的公众号呀:HZ工作室前端开发
展开
-
认识和使用vue中更全面的侦听器watch
vue中什么是侦听器呢?开发中我们在data返回的对象中定义了数据,这个数据可以通过插值语法等方式绑定到templat中。 当数据变化的时候,template里绑定的数据会自动进行更新来显示最新的数据。但是这种变化是在template中自动侦听data的值来进行变换的 在某些情况下,我们希望在代码逻辑中监听某个数据的变化,这个时候就需要用到侦听器watch了官方定义:Vue 通过watch选项提供了一个更通用的方法,来响应数据的变化。当需要在数据变化时执行异步或开销较大的操作时,这个方式...转载 2021-10-28 16:29:51 · 1020 阅读 · 2 评论 -
vue使用高德地图第一次进去点标记有数据,第二次进去就没有了
在工作中网页使用到了高德地图的点标记组件需求:在地图上显示从后端返回经纬度坐标的点。技术选型: 前端移动端网页使用vue3.x+ 高德地图问题:在首次进入地图页面的时候会出现对应的点标记,但是第二次进去的时候或者后面进去的时候不出现这个点标记。解决办法: 我发现了一个可能存在的问题就是会不会当我返回到其他页面的时候这个地图其实没有销毁,需要销毁掉然后才能重新建标记点?对于这个问题进行尝试就是在页面的beforeRouteLeave的时候去卸载掉高德地图,然后再重新进入。最后发现就是这..原创 2021-09-27 11:27:20 · 2241 阅读 · 4 评论 -
毕设之美食分享类型小程序系统
之前做过一些小的项目,比如这个毕设项目,就是根据下厨房的原型进行设计和开发,应用于软件工程等专业需要开发程序的大学生的毕业设计项目。使用到的技术栈有:后台vue加elementUi开发,后端使用的是java的springboot项目以及用户端的小程序展示。项目截图:基本的功能包括: 1:首页的美食展示 2:菜系分类 3:菜单上传 4:收藏评论 5:登录功能 6:用...原创 2021-09-13 20:36:37 · 777 阅读 · 4 评论 -
vue动态keep-alive无法触发activated钩子函数问题
vue动态keep-alive缓存用户页面是根据进入的时候把需要缓存的页面的name先放到vuex中的state,然后再离开页面路由离开的时候去清楚这个vuex的state页面的name进行清除操作,下次再进去需要缓存的话就重新把页面name放到vuex中即可实现动态缓存页面。坑1: 需要先把需要的缓存页面name设置到vuex的state中,否贼会进入这个页面的时候不会触发actived方法,导致界面出现错误(页面上的所有方法和值都有错误,值无法更新问题)坑2: 最好每个页面的name都写上,否贼原创 2021-09-06 19:50:30 · 3688 阅读 · 0 评论 -
企业微信微应用关闭网页返回
企业微信微应用关闭网页返回百度了一些相关问题中发现好像无法关闭网页,因为现代浏览器的安全约束里,页面不能关闭自己了,只能由它的 opener 关闭传统的JS关闭当前窗口window.opener=null;window.open('',self);window.close();vue关闭当前窗口window.opener = null;window.open("about:blank", "_top").close()尝试过这两个方法最后的结论是都不能实现。后原创 2021-08-13 17:50:47 · 3824 阅读 · 0 评论 -
数据可视化学习
这个内容是根据b站学习视频的结果,附上b站视频地址:https://www.bilibili.com/video/BV1bh41197p8?from=search&seid=18392029397118470336这里用到的技术栈是 vue + echarts + koa2 保持不断学习的劲头,顺便分享一波个人公众号,关注关注我呗,分享一些前端的资源和心得,希望可以结交更多同道中人不断学习,不断进步,最后就是谢谢大家啦。项目成果:总结:为什么最近要学习可视化方面的知识呢?其.原创 2021-05-13 16:40:21 · 171 阅读 · 0 评论 -
分享vuex源码解析视频---了解真相,才能获得真正的自由。
【免费】分享vuex源码解析视频,需要的添加作者哦。你知道为什么每个组件都可以通过this.$store访问到vuex对象嘛?你知道vuex的创建过程和步骤嘛?这中间做了那些操作你懂吗?来找我拿视频一探究竟把。这个vuex真相,你不能错过哦。(免费获取)顺带记得关注公众号一波会分享可能你需要的资源...原创 2021-04-14 14:39:36 · 190 阅读 · 0 评论 -
Vue-你不知道的Bus中央数据总线学习
最近两天在面试中被提及到vue组件通信的几种方式,这些都是巴拉巴拉的一堆网上可以百度到的通信方式,比如父子组件间的props和$emit,以及$refs,$children,$parent, 依赖注入,vuex,以及bus事件总线机制,因为提到了这个bus,所以面试官就问你知道bus的实现原理吗?在我之前的想法中我认为就是通信方式除了vuex需要去掌握一下原理外,其他的都是知道怎么用就好了,但是当面试官突然这么一问之后,我也突然一蒙蔽了,毕竟自己确实不知道。基于上述原因,我现在慢慢的觉得程序的...原创 2021-04-13 10:14:20 · 539 阅读 · 0 评论 -
免费分享某课Javascript 设计模式系统讲解
终于,有一门为前端准备的设计模式课程了!就JS设计模式课程而言,这几乎是全网独一无二的系统视频课适合人群:工作1-3年的前端工程师,或者基础较好的应届毕业生这门课程是需要一些前端的基础的,但是如果基础比较好的应届毕业生也是可以适应这门课的,希望这门课可以帮到更多的同行,或者在这行爬摸滚打几年的遇到瓶颈的前端开发工程师章节比较多,时长是11小时38分钟。最后,希望可以认识多点同行,共同在代码界或者前端界分一口羹(有点大话了),但是共同进步确实是我的心愿,也希望大家一起向前进步。在编程行...原创 2021-03-03 17:57:47 · 175 阅读 · 2 评论 -
实现点击选择按钮时候选中对应选中的行,当点击某一行单元格时候就清除其他选中行然后选中对应点击的那一行
实现点击选择按钮时候选中多行,当点击某一行单元格时候就清除其他选中行<el-table :data="data" showOverflowTooltip ref="multipleTable" @selection-change="handleSelectionChange" @row-click="rowClick" border style="width: 100%">:data="data" :绑定到后台数据中取得的值。ref="multipleTabl...原创 2020-05-20 11:47:21 · 2984 阅读 · 0 评论 -
轻量应用服务器爬坑日记
我买的是阿里云的轻量应用服务器,(服务器列表)(主界面)(选择镜像)我觉得还是系统镜像的CentOs好,别选择这些应用镜像,因为他强制绑定一个后台地址,后面用于Https很难受。选择好系统镜像CentOs之后就重新启动,然后这里一般没什么事情做了。下载一个远程连接服务器工具,SSH(putty也可以,反正有很多类似的工具)就好了,然后远程操作你的服务器。...原创 2018-11-16 10:17:33 · 3945 阅读 · 1 评论 -
VUE实现移动端的购物车
主要就是实现了购物车功能,计算勾选的总价,全选或者需要勾选的功能然后去结算的时候就是跳转到结算界面,别的页面和这个主题不相符(就是简单的跳转,把勾选的商品数据带到第二个页面),当没选择商品时去结算就会弹出提醒;这里的数据都是模拟数据,里面的功能是能实现的。后期把真实数据按照模拟数据格式给出就可以实现了。开始:界面布局<template> <div> ...原创 2018-09-14 23:25:14 · 5183 阅读 · 1 评论 -
Vue在使用原生Html的复选框点击改变事件用V-model绑定的值问题
如题:有些项目中会用到复选框但是可能样式问题或者其他问题不得不自己写一个为了完成任务的复选框,我是因为在Vux框架中无法找到类似的复选框按钮,或者相似的但是在布局方面有点不好设计,不好显示,以至于自己模仿写一个实现功能的复选框我的任务是写一个购物车的功能我是需要点击每一项的复选框然后把对应的该行的内容存在一个数组中,在数组中能够拿到对应的值用于删除或者计算价格等操作。其实只是拿原生组件...原创 2018-09-09 00:49:02 · 3527 阅读 · 1 评论 -
Vue自制数字编辑器
如题:为什么不适用Vux自带的组件呢?下图就是VUX的自带组件了,其实是可以用的,只是我在使用的过程中布局上出现了一点问题。就是这个控件样式是设置好了的,在实际开发过程中由于移动端界面都很小了,再加上Vux的样式设置了Padding属性,使得界面方面非常的难控制,(下面有个图可以看),就决定自己写一个类似的功能。开始: :value是绑定的数据,这里是循环数组然后把number...原创 2018-09-07 23:57:19 · 1002 阅读 · 0 评论