随笔分类 - vue
摘要：vue跳转路由报错： 解决 Uncaught (in promise) Error: Navigation cancelled from “/Search#1608911018888” to “/Search#1608911019245” with a new navigation. 1、报错原因：
阅读全文
摘要：转载地址： https://blog.csdn.net/i168wintop/article/details/95107935；作者：浪里行舟 https://segmentfault.com/a/1190000019208626#comment-area 作者：老姥 前言 组件是 vue.js最强
阅读全文
摘要：1.首先先拿官网的一张图说一下： 这张图够简单清晰了，首先呢，vuex是用来管理全局变量的一个玩意，然后呢vuex里面有几个大的属性，名字称为Actions,Mutations,State,还有一个Getters,图片没画出来。 vuex是用来管理全局变量的，它有一套流程； （1）首先State里面
阅读全文
摘要：首先轮播图是这样的： 很美好，都显示出来了，但是当我缩小浏览器窗口时： 图片显示不全，即使我外面设置了等比例缩小，它里面的图片尺寸还是根据原来的尺寸不变化。 下面解决方法1： HTML部分： <div ref="home_swiper" class="swiper-container"> <div
阅读全文
摘要：最近在写的一个网页由于是响应式，想弄一下上啦加载，下拉刷新这些，但是传统网页布局在手机上滑动时候有些卡，所以就使用betterScroll，这个betterScroll之前再写一个网页的时候也有用过，当时纯粹是PC端网页，然后也觉得配置项有些难弄，很难适配PC端的滚动事件，因为用鼠标滑动时，原生浏览
阅读全文
摘要：转载：https://www.cnblogs.com/qiujianmei/p/10824682.html，https://www.cnblogs.com/monsterooo/p/6815392.html 一、客户端存储方式主要由两种：cookie、webStorage（localStorage和
阅读全文
摘要：我使用swiper的时候使用onmouseout，onmousein时会报错，后来发现没加分页器，加了分页器就不会了，加上分页器后可以给分页器加上opacity：0,这样就可以解决问题了。 this.Swiper3 = mySwiper = new Swiper('.swiper-container
阅读全文
摘要：一、引入单色图标 1.首先新建一个css文件： 2.在阿里云此处复制代码： 并且加上： /* 定义阿里云图标样式 */ .iconfont{ font-family:"iconfont" !important; font-size:1rem;font-style:normal; -webkit-fo
阅读全文
摘要：--save 和--save-dev下载标签 他们表面上的区别是--save 会把依赖包名称添加到 package.json 文件 dependencies 键下，--save-dev 则添加到 package.json 文件 devDependencies 键下. dependencies是运行时
阅读全文
摘要：前言： 这个教程是我自己摸索的，至于原理性东西，现在还在学nginx，后期会了再来完善！ 开始配置项目之前，请确保你有一台服务器，学生初次购买的话，很便宜，一百多可以有一年的服务，阿里云或者腾讯云，百度云都可以，我是买腾讯云的。 实验配置：本地是windows10,前台用的是vue，后台用的是nod
阅读全文
摘要：最近在做一个小项目，虽然我有自己的服务器，但是，因为项目里面用到的数据，有的是爬取别的网站的，再加上个人网站的原因，我就不用自己的服务器了，只在有需要的时候测试一下，所以使用了内网穿透，花生壳骗了我6块钱，然后实名认证还提示我没有验证的权限，所以我这辈子不会再用花生壳了！ 介绍下面这个，百度搜索神卓
阅读全文
摘要：最近笔者在做一个聊天功能的布局，因为笔者的前端css布局是半桶水，所以一开始写这个聊天的布局，无从下手。 设及到的问题是，如果是自己发送给别人的消息，那么就把自己头像居右边，如果是别人发给自己的消息，别人头像就靠左。 所以看了一下别人写的，就是用flex盒子模型的属性，一下子就搞定了。 首先要了解到
阅读全文
摘要：1.$router this.$router是VueRouter的实例方法，其保存整个应用的路由信息，当导航到不同url，可以使用this.$router.push方法，这个方法则会向history里面的routes添加一条记录，当点击浏览器回退按钮或者this.$router.back()就会回退
阅读全文
摘要：1. 不带参数 1 <router-link :to="{name:'home'}"> 2 <router-link :to="{path:'/home'}"> //name,path都行, 建议用name 3 // 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'
阅读全文
摘要：实验环境：node.js, express,mysql, vue,windows10 1.前端部分： 先安装好axios : cnpm install axios --save *网络模块的文件夹 先写封装好网络模块的功能，以便后期调用： 1.1先建好config文件夹，在里面新建index.js,
阅读全文
摘要：gsap功能非常强大 下面介绍vue引入。 在你需要用的地方就引入它
阅读全文
摘要：前言： 由于现在一般人家使用vue都是使用脚手架进行开发，而脚手架版本一般都是3.0以上的，所以对于我这种初学者来说，学习axios的时候，遇到的问题，网上的解决方案很多都是针对于脚手架2的老古董，所以对于像我这种小白，体验不是很好。所以在此记录一下。 首先呢，前端人员进行开发的时候，肯定要和后端人
阅读全文
摘要：better-scroll的使用 1.下载better-scroll cnpm install better-scroll --save 2.在vue中使用它，由于我们可能在很多情况下使用better-scroll，来达到监听页面滚动的位置，实现例如上拉加载，下拉刷新的操作， 所以我们需要把bett
阅读全文
摘要：swiper这个插件非常强大，可以支持在移动端手动滑动。 本人最近在做自己的博客网站，所以有用到它。 （1）首先，你要使用cnpm安装它 cnpm install swiper --save （2）接下来在需要用到它的地方引入它，在你要用它的组件中把它导入。 （3）导入后你要初始化它，正常的html
阅读全文
摘要：.router-link-active { text-decoration: none; color: #ffd04b; } a { text-decoration: none; color: #fff; }
阅读全文
浙公网安备 33010602011771号