Vue
文章平均质量分 56
佩淇呢
这个作者很懒,什么都没留下…
展开
-
vue2使用svg图标集
svgo-loader`用于优化、压缩和处理SVG文件,而`svg-sprite-loader`用于将多个独立的SVG图标文件合并为一个SVG精灵文件,并提供在应用中引用和使用这些图标的便利性。结合使用,以实现最佳的SVG图标集成和优化。下载依赖`svgo-loader`和`svg-sprite-loader`icons文件下放所有后缀为svg的图标。可单独设置类名来控制svg的颜色和大小。在main.js中引入全局文件。可创建一个装全局的js文件。icon名称一定要对应!原创 2023-12-01 14:40:33 · 673 阅读 · 1 评论 -
使用this.$nextTick的情况
$nextTick 的作用就是将回调函数延迟到下一次更新循环之后再执行,并且在回调函数中能够获取到最新的数据值。在 Vue 中,当数据发生变化时,它并不会立即更新视图。相反,Vue 会将这些数据的变化缓存起来,等到下一次 DOM 更新循环时一次性更新视图。这样,可以避免一些性能问题和重复更新视图造成的浪费。原创 2023-12-01 14:31:28 · 423 阅读 · 1 评论 -
VUE Redirected when going from “/login“ to “/dashboard“ via a navigation guard. 报错
如果用户未输入信息点击登录按钮,此时handleLogin()方法会执行跳转到主页面,这个过程中进行跳转拦截,没有拿到token,执行 next(‘/login’),此时从。错误原因:在 Vue 的路由中使用了导航守卫(navigation guard),在从 “/login” 页面跳转到 “/dashboard” 页面时被重定向。如果用户输入的登录信息正确后,点击登录按钮,此时进行跳转拦截,拿到token,进入主页面;(主页面’/')页面时,导航守卫重定向到了。页面,导致了一个无限循环的重定向。原创 2023-08-31 15:15:38 · 1017 阅读 · 1 评论 -
axios模块的安装和使用
步骤二:在src/util/request.js中定义并暴露request对象为进行了基础配置的axios,指定了接口的总地址。步骤三:在src/api目录中创建js文件夹引入request,定义接口请求方法。步骤一:在main.js 中使用prototype定义一个对象为axios。步骤一:在src/util/request.js文件中导入axios模块。步骤二:在需要请求的接口组件中,直接使用this.步骤五:在需要请求的方法直接调用方法。http.post请求接口。在使用的组件中倒入模块。原创 2023-05-07 15:29:15 · 3431 阅读 · 0 评论 -
安装vue-cli脚手架
vue-cli脚手架的安装原创 2023-03-20 10:31:02 · 53 阅读 · 0 评论 -
Vue笔记(尚硅谷,笔记会续更)
尚硅谷Vue笔记原创 2023-01-29 20:59:32 · 211 阅读 · 0 评论