vue
文章平均质量分 52
_GuGu_
巴拉巴拉巴拉巴拉
展开
-
图片懒加载vue
这里只能实现图片的懒加载,不能实现其他的懒加载。在main.js中写入插件。原创 2024-04-26 16:05:46 · 279 阅读 · 0 评论 -
scss基础和css扩展
/app.scss//声明颜色变量 $color//使用⚠️scss中,中下划线和下划线是同一个东西a {//编译后a {原创 2024-04-26 13:42:06 · 580 阅读 · 1 评论 -
数据处理和字符串处理
在JavaScript中,你可以使用多种方法来切割字符串。最常用的方法是使用slice()substr(), 和split()函数。方法返回字符串中两个指定的下标之间的字符。包括开始下标的字符,但不包括结束下标的字符。slice()方法提取某个字符串的一部分,并返回一个新的字符串,且不会改动原字符串。slice()和的主要区别在于,。substr()方法返回一个字符串从指定位置开始的指定长度的字符。需要注意的是,substr()原创 2024-03-20 15:42:20 · 606 阅读 · 1 评论 -
合并单元格element
【代码】合并单元格element。原创 2024-03-20 15:21:10 · 98 阅读 · 0 评论 -
本文记录一下cnpm错误
我在使用cnpm install遇见很多奇怪错误,今天遇见。期间使用很多方法,甚至卸载重装了nodejs。不在使用cnpm淘宝镜像,更新镜像源。最后询问同公司前辈。原创 2024-03-13 10:01:47 · 350 阅读 · 0 评论 -
前端常见ui库统计
不定期更新。原创 2024-01-18 17:43:12 · 1278 阅读 · 0 评论 -
router返回
【代码】router返回。原创 2023-12-13 16:03:48 · 107 阅读 · 0 评论 -
v-show和v-if,v-if和v-for
【代码】v-show和v-if。原创 2023-12-13 11:26:15 · 21 阅读 · 0 评论 -
生命周期函数
【代码】生命周期函数。原创 2023-12-13 10:58:14 · 20 阅读 · 0 评论 -
对于el-pick日期禁用+复制文字
两个日期选择器:截止日期只能大于授权时间。原创 2023-12-11 09:48:38 · 356 阅读 · 0 评论 -
cors跨域前端解决
【代码】cors跨域前端解决。原创 2023-12-08 14:30:41 · 25 阅读 · 0 评论 -
对element-plus的理解
el-button。原创 2023-12-05 15:01:53 · 83 阅读 · 0 评论 -
组件点击切换问题
首先,这个问题,我们先定义两个样式,aside-list和active,当我们的数据activeId等于item.id的时候显示active的样式。先给acriveId一个初始值为1(默认为第一个样式),写一个点击事件handel,当div被点击时,将item.id赋值给activeId。这样active就会显示。比如我要写一个一排的组件,我想要让每一个组件在点击之后都可以进行按下的样式。原创 2023-12-01 12:05:36 · 39 阅读 · 0 评论 -
vue一些常用的样式写法
【代码】vue一些常用的样式写法。原创 2023-12-01 09:34:37 · 75 阅读 · 0 评论 -
VScode用TS写Vue使用到的一些扩展详解
标签更改时自动更名。原创 2023-11-30 17:32:06 · 205 阅读 · 0 评论 -
本帖子用来记录一下我在前端实习期间遇见的一些问题
如果把v-model和ref同时绑定到一个组件上,会出现一个错误,Vue会报错提示不允许同时使用v-model和ref。这是因为v-model和ref是两种不同的数据绑定方式,它们的作用和使用方式有所不同。写了一个对话框组件,在调用时候引用了组件,原先在button上设置了一个点击事件,当点击时add从false变成true,并将add用v-model绑定在dialog上。于是我取消了v-model绑定,然后就正常了。但是,在使用时,我需要拿到组件的dom,这时,我又想在组件上绑定一个ref。原创 2023-11-26 13:29:13 · 38 阅读 · 0 评论 -
cookies在在前端(vue)中的使用
就是一个存储,用来存放你需要的小数据。比如:登录请求成功后得到的token,要有roken才能进行登录保留。在代码中,cookies是指用于存储客户端数据的HTTP cookie。它是一个由服务器发送到用户浏览器并存储在用户计算机上的小型文本文件。每当同一台计算机再次访问同一网站时,服务器将检索并使用先前存储的cookie信息。这些信息可用于多种目的,例如保持用户会话、记住用户偏好或用于安全性和认证等。原创 2023-11-08 21:12:33 · 488 阅读 · 1 评论 -
vue3自定义组件的封装
把抽屉组件扔进去,给它设置宽高,并暴露出打开和关闭方法原创 2023-11-14 21:07:44 · 294 阅读 · 0 评论 -
vue怎么动态设置网页的标题
先在路由界面给每个页面赋值一个meta的title属性,将每个页面都有一个自带的title存放界面名称。然后我们就可以在路由前置守卫中拿每个页面的标题了。原创 2023-11-12 20:52:49 · 464 阅读 · 0 评论 -
介绍一个全局进度条nprogress第三方库
nprogress是一个轻量级的进度条库,它提供了丰富的配置选项,也允许你定制样式。原创 2023-11-12 19:46:23 · 159 阅读 · 0 评论 -
键盘回车登录怎么实现
通过这些生命周期函数,我们可以在 Vue 实例的不同阶段执行相关的操作,从而实现更灵活的控制和管理。原创 2023-11-12 16:27:10 · 67 阅读 · 0 评论 -
解决用户登录后页面刷新消失问题vue3
然后我们要让每次刷新都会得到这个数据的话,我们只需要在路由权限的设置时,进行一个判断。如果同token存在的话,就进行存储并取数据,这样的话,我们就可以在每次刷新页面时可以得到我们要拿出的用户数据。但是我们在进入页面刷新后整个页面就不会执行login登录页面的代码,使得我们的数据不翼而飞了。我们已经在登录时候写了一个cookies,使用户登录的token存储进入cookies。我页面为什么会消失呢?原创 2023-11-10 19:20:03 · 383 阅读 · 0 评论 -
路由守卫(导航守卫)
vue router官网:导航守卫 | Vue RouterVue.js 的官方路由Vue 路由守卫包括全局前置守卫(beforeEnter)、路由实例方法和命名空间相关的守卫(beforeEnter、enter、update、leave)。总之,Vue 路由守卫可以用来控制导航、进行一些业务处理以及在路由实例上执行特定操作。在定义路由守卫时,需要注意参数的使用和调用顺序。原创 2023-11-10 18:32:36 · 113 阅读 · 0 评论 -
vuex是啥呢,怎么用嘞
Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。这个状态自管理应用包含以下几个部分:state,驱动应用的数据源;view,以声明方式将state映射到视图;actions,响应在view上的用户输入导致的状态变化。原创 2023-11-10 15:51:40 · 42 阅读 · 0 评论 -
对于axios请求拦截器的理解
这意味着你可以在应用程序的逻辑处理请求和响应之前,对请求和响应进行预处理。你可以使用请求拦截器来修改请求数据,添加额外的头信息,或者对请求的数据进行统一处理。例如,你可以在请求拦截器中添加一个 token 到每个请求的头信息中,这样就可以保证每个请求都有相同的认证信息。例如,你可以在响应拦截器中检查响应的状态码,如果状态码表示错误,那么你可以将错误信息添加到应用程序的错误日志中。Axios 的请求拦截器和响应拦截器是两个非常有用的功能,它们可以让你在请求发送到服务器之前或从服务器返回之前进行干预。原创 2023-11-10 14:23:09 · 38 阅读 · 0 评论 -
vue3使用axios语法和搭建Node.js服务器,连接本地数据库
打开axios官网:axios中文网|axios API 中文文档 | axiosAxios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。原创 2023-11-08 20:34:26 · 401 阅读 · 1 评论 -
vue3+element-plus表单验证方式
先定义一个什么也没有的表单。我定义了一个表单,这个表单有用户名、密码、登录、注册。响应式数据是用:model=""来定义的,将其分配给item使用的是prop。最后是进行表单验证属性rules的添加。原创 2023-11-08 14:22:55 · 337 阅读 · 1 评论 -
vue页面响应式布局
这里的代码表示:lg当窗口≥1200px时,整个col占比16列;md当窗口≥992px时,整个col占比12列;xs当窗口=1920px时使用:xl= "24"(这里就涉及到页面布局,整个页面分为24个列)其实在使用element-plus之后响应式布局就变得很简单。响应式布局就这么简单。原创 2023-11-07 15:58:53 · 144 阅读 · 0 评论 -
vue路由配置和404页面配置
入门 | Vue RouterVue.js 的官方路由。原创 2023-11-04 10:53:55 · 2038 阅读 · 1 评论 -
vue router别名配置
配置 Vite {#configuring-vite} | Vite中文网。下一代前端开发与构建工具。原创 2023-11-03 22:20:36 · 254 阅读 · 0 评论 -
在vue3项目中加载element-plus,windicss,vue-router,axios
在这里,打开终端运行。原创 2023-11-03 21:35:40 · 129 阅读 · 0 评论