Vue
文章平均质量分 66
madkeyboard
wsj0联系q:3280461976
展开
-
手写一个简单的分页器
封装分页器1. 前言分页器基本上是任何网站必须要有的一个组件,为什么需要分页器,当后台传入了大量的数据,那么在前端拿到数据,如果直接展示很有可能或造成卡顿,同时消耗过多的内存,给用户带来的浏览效果就不好。所以,分页器的使用可以一次性只展示部分数据,用户可以非常方便的跳转不同的页面来访问内容。虽然现在很多的UI库都有这个组件,使用也非常的方便,但是我们也应该要知道,怎么手写一个分页器。2. 准备先搭建一个静态的分页器。效果如下图。<template> <div cl原创 2022-03-13 13:08:19 · 3123 阅读 · 1 评论 -
重写push和replace解决vue-router使用编程式导航重复跳转路由时控制台报错
重写push和replace1. 前言: 大家在使用vue-router的过程中,编程式导航一定用得很多,它让路由跳转变得更加灵活,一些复杂的业务处理也可以通过使用它来简化操作。但是,如果直接使用Vue自带的push或repalce方法,当你多次点击同一个路由时,控制台就会报错,虽然不影响代码实现的功能,但作为一个严格要求自己的前端菜鸟,怎么能忍受这样的一片红,因此,为了解决这个报错,我们可以通过重写push和replace来达到目的。2. 问题展示:简单搭建两个路由,分别为路由1、路由2原创 2022-03-12 22:48:20 · 2595 阅读 · 1 评论 -
Module build failed: TypeError [ERR_INVALID_ARG_TYPE]: The “from“ argument must be of type string
最近在学习webpack打包工具,因为webpack版本的不同,很多loader都会出现不兼容导致无法打包。今天遇到的问题是在使用file-loader时,无法打包,错误提示:我的webpack版本是3.6.0,而我安装的file-loader版本是6.0.1。之前在用其它loader时也出现过类似的错误,所以我马上想到可能是我的file-loader版本过高。解决办法:1. 卸载安装好的file-loadernpm uninstall file-loader2. 安装版本为3.0.1的原创 2020-12-02 15:15:04 · 2592 阅读 · 1 评论