问题描述：vue-router导航切换时，如果两个路由都渲染同个组件，组件会重（chong）用,组件的生命周期钩子不会再被调用,使得组件的一些数据无法根据path的改变得到更新翻车现场再现：这是我的/router/index.js的内容节选exportdefaultnewRouter({routes...
JavaScript 2021-05-07 142 0 0 阅读全文
首先呢，我们来看看一般项目路由是怎么划分的。为什么这么划分呢？如果大项目业务非常多，单纯的单页面很难维护，我们只有这样规范化，才能高效率。模块自动化与统一加载的好处：规范化命名（模块名.业务名.vue）不用每次写页面都要去总路由引入组件接下来，我们实战一波。一、建立项目文件目录以及文件夹根据上面的要...
JavaScript 2021-06-28 211 0 0 阅读全文
在说数据响应式之前，我们要解决一个很重要的问题，那就是Vue到底对data做了什么？先从getter和setter说起，我们用那个他们来对虚拟的属性进行读写。getter和setter有如下代码letobj0={姓:"高",名:"圆圆",age:18};//需...
JavaScript 2021-03-29 199 0 0 阅读全文
由于大部分移动端的组件库都不提供表单校验，因此需要自己封装。目前，使用较多的是async-validator和vee-validator。其中，elementUI组件库提供的表单验证也是基于async-validator，vee-validator是一种基于vue模板的轻量级校验框架。可以根据项目的...
JavaScript 2021-05-07 234 0 0 阅读全文
一、需求我们在做网站开发时，登录页面很多情况下是可以用手机号接收短信验证码，然后实现登录的，那我们今天就来做一做这一功能。伪代码：进入登录页面，点击短信登录输入手机号码，点击获取验证码，后端在redis里保存验证码用户把手机收到的验证码输入，点击登录，会把手机号和验证码发往后端，然后进行验证2，依赖...
JavaScript 2021-07-14 139 0 0 阅读全文
先看一张图如果我们的程序每次页面切换时，顶部也有一个进度条，那会让用户体验提升很大的。npropgress插件github地址简单用法-Vue项目为例（详细配置，点击上面的github地址查看文档）最简单的使用方式：vue项目的每次路由切换时，都加载进度条安装npminstall--savenpro...
JavaScript 2021-07-02 168 0 0 阅读全文
本文主要介绍：利用Vue实现tab导航栏，并且通过flex布局实现左右滑动，计算按钮的位置，当点击第一屏展示的最后一个且还有元素未展示时，自动滑动显示出未显示的元素。tab导航栏布局：{{item}}theme:['CSDN博客','博客园','高考加油','中考加油','小欢喜','七十周年'],...
JavaScript 2021-06-28 258 0 0 阅读全文
我就废话不多说了，直接上代码吧！//视图切换动画逻辑lethistory=window.sessionStoragelethistoryCount=history.getItem('count')*1||0functionrouterTransition(to,from){consttoIndex=...
JavaScript 2021-05-07 149 0 0 阅读全文
基于Vue项目设置Resolves.Alias: '@'路径并适配Webstorm
在webpack的配置项中添加下面代码functionresolve(dir){returnpath.join(__dirname,dir)}webpackConfig={resolve:{alias:{'@':resolve('src')}}}然后再设置一下下，在你的IDE中按住CTRL就能根据路...
JavaScript 2021-04-12 319 0 0 阅读全文
npmivue-infinite-scroll--savemain.js使用importvueiInfinitefrom'vue-infinite-scroll'Vue.use(vueiInfinite)加载中...loadMore是方法，里面是要执行的代码busy的值是true的时候，就不再加载，...
JavaScript 2021-06-18 218 0 0 阅读全文
简介当我们在读Vue源码到时候会发现，在它的_update实例中就用到了函数柯里化，（createPatchFunction方法）有兴趣的可以去看一下。柯里化（Currying）是把接受多个参数的函数变换成接受一个单一参数（最初函数的第一个参数）的函数，并且返回接受余下的参数而且返回结果的新函数的技...
JavaScript 2021-04-12 207 0 0 阅读全文
本篇文章将介绍vue-quill-editor上传图片的那些事，通常来说，我们数据库内都是保存图片路径的，所以上传完图片之后，要回传一个路径给前端，这才是完整的上传步骤。第一步：上传图片，第二步：保存到服务器，并且生成路径保存到数据库，第三步：回传前端，后台图片路径，前端显示图片。本文中使用了ele...
JavaScript 2021-06-24 272 0 0 阅读全文
前记：最近在写vue的一个项目要实现过渡的效果，虽然vue动画不是强项，库也多,但是基本的坑还是得踩扎实;建议：先学习vue官方文档的进入/离开&列表过渡章节，那么我们来看bug;首先上出现问题的代码.haha-leave-active{transition:opacity.5s;}.hah...
JavaScript 2021-05-07 131 0 0 阅读全文
什么是JSX?JSX就是Javascript和XML结合的一种格式。React发明了JSX，利用HTML语法来创建虚拟DOM。当遇到{return{v}})})}在jsx中｛｝中间是没办法写if/for语句的只能写表达式，所以就用map来当循环，用三元表达式来当判断了v-model最近在帮公司面试招...
JavaScript 2021-04-29 165 0 0 阅读全文
工程结构工程分为两部分，bilibili-api是api接口服务，其他是前端的部分，工程结构如下。运行截图如何运行运行前，需要你在本地已经安装Node和Vue的运行环境，为了保证项目的正常运行，请先运行bilibili-api来获取接口数据。运行后端接口：cdbilibili-apicnpminst...
JavaScript 2021-03-16 251 0 0 阅读全文
用法：importswitchcfrom'./public/switch'属性text非必填，类型为string，要求格式为“on|off”,以|分隔事件changehtml部分：{{direction[0]}}{{direction[1]}}js部分：exportdefault{name:'swi...
JavaScript 2021-05-07 211 0 0 阅读全文
1.应用背景在做一个某路灯管理处的物联网项目时，需要统计8个电表的电能曲线（时间-电能），需求就是能生成日报（24个点，间隔1小时，实时），月报（30个点，间隔1天，取每天的凌晨1点数据），年报（每个月，1号凌晨1点数据开始间隔9天，每个月取3个点，总共36个点）。2.分析数据生产者生成首先采集服务...
JavaScript 2021-04-29 226 0 0 阅读全文
这里的坑还是蛮多的，花了一个多小时，才理清楚。做一下笔记，以便于复习。首先呢，需要让左右的布局都可以滚动，这里使用了betterScrollnpmibetter-scrollimportBScrollfrom'better-scroll'methods:{_initScroll(){this.men...
JavaScript 2021-06-18 292 0 0 阅读全文
随着我们vue3.0的出现，我们的ui组件库也有了一些变化，像我们的旧版的element-ui已经不能在vue3.0中使用了，如果要使用element的话需要使用最新版的element-plus，由于发现它并不太好用，因此我选择了AntDesignVue。如果我们以前经常使用antd的话，我们使用起...
JavaScript 2021-04-05 241 0 0 阅读全文
搜索栏组件源码(SearchBar.vue)exportdefault{data(){return{KeyWord:'',}},methods:{clearSearchInput(){this.KeyWord='';}}}.city-search{background-color:#F7F8FA;d...
JavaScript 2021-06-07 164 0 0 阅读全文
- 上一页
- 下一页