林哥学前端

在页面最下面的input，有时在iPhone上键盘弹起，遮挡住了输入框，使用了cursor-spacing属性也解决不了，最后监听了一下input的focus事件，在获得焦点...

林哥学前端

使用axios-cache-adapter，缓存axios发起的请求https://www.npmjs.com/package/axios-cache-adapter[htt...

林哥学前端

在用户名和密码输入框之间加入一对input，并把它们隐藏起来

林哥学前端

在vue3.2中增加了一个style v-bind的特性，简单来说就是把我们script中的数据可以在style标签中使用，下面我们来写一个最简单的例子我们定义一个color...

林哥学前端

toRef和toRefs可以理解为给一个响应式对象的一个或多个属性创建ref对象。ref的值会和响应式对象的值保持同步。区别就是toRef是创建一个，toRefs是一下创建多...

林哥学前端

1.在index.scss有个base.scss，在base.scss引入的icon.scss
2.我这样一个一个都引入进来有个好处，就是可以按需引入，把自己不用的组件去掉
3.这个问题后来我发现了别人的解决办法，你也可以试试https://blog.csdn.net/palmer_kai/article/details/105728156

【web前端】element-ui框架在线上环境偶尔出现iconfont图标乱码的问题，解决办法

使用element-UI的项目，打包部署以后，偶尔会出现iconfont显示乱码 但是刷新以后就变成正常了。 经过研究以后发现，图标字体的content经过scss编译以后变...

林哥学前端

8919 4 2

林哥学前端

form-generator地址：https://gitee.com/mrhj/form-generator[https://gitee.com/mrhj/form-gene...

林哥学前端

在这个例子中，我们在新写一个permissionStore，来存储我们的权限数组，这个store中我们需要使用到之前定义的profileStore。其实用起来很简单，直接导入...

林哥学前端

pinia中的getter和vue中计算属性一样，它可以在获取state的值时做一些处理。我们还是以实际的例子来学习，在前面写的例子中，我们有显示用户的手机号码，现在有一个新...

林哥学前端

我们把数据存放在state中，如果修改它的话，就要使用pinia中另外一个重要的概念actions了。如果与Vuex对比，pinia中的action相当于Vuex中mutat...

林哥学前端

Pinia是第一代的vue状态管理库，它的开发者也是Vuex的核心开发者，据Pinia开发者说，下一版的Vuex风格和API设计方式会和Pinia非常相似。Pinia抛弃了原...

林哥学前端

我们以之前写的用户详情页为例，把之前获取参数的功能改写为组合API的方式。之前vueDetail.vue的代码： 下面我们来使用组合API获取参数，获取到route对象，需要...

林哥学前端

如果一个页面特别长，用户已经进行了页面滚动，这时候跳转到了下一个页面，页面滚动应该怎么处理？vue-router已经给我们提供了scrollBehavior来处理这个问题。但...

林哥学前端

动态添加路由 现在我们所写的几个都是固定路由，每个用户都可以通过这些路由访问到我们的每个页面，但是在一些管理系统中，由于权限限制，每个用户只能访问到部分页面。这时候动态添加路...

林哥学前端

重定向 重定向通过redirect属性来定义，页面会跳到redirect指定的路由比如，我们定义一个根路由‘/’，让它重定向到‘/index’： 就是这样，很简单，在浏览器输...

林哥学前端

我们继续来学习关于路由匹配更多的用法 404页面 我们要配置一个路由，如果用户进入一个我们在route中没有定义过的页面，就让他进入404页面，首先写一个vue文件，表示40...

林哥学前端

在之前我们学习的setup函数中，我们要先定义一个数据，然后在setup中return它才能在模板中使用，这样每增加一个数据或者方法，还要至少修改两处代码，有点麻烦。现在如果...

林哥学前端

现在我们开始学习一些vue-router的高级一点的内容，这节课我们一起学习如何在页面跳转时添加一些过渡动效。我们还是继续在vue-router4快速入门的例子的基础上改，先...