Vue
文章平均质量分 65
毛毛虫呜呜
这个作者很懒,什么都没留下…
展开
-
谷粒商城笔记
尚硅谷谷粒商城项目笔记,主要用于记录自己学习的知识点。原创 2022-07-01 16:02:20 · 1683 阅读 · 4 评论 -
浅拷贝深拷贝问题
浅拷贝深拷贝的区分简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了,说明这是浅拷贝,拿人手短,如果B没变,那就是深拷贝,自食其力。基本类型如果是基本数据类型,名字和值都会储存在栈内存中var a = 1;b = a; // 栈内存会开辟一个新的内存空间,此时b和a都是相互独立的b = 2;console.log(a); // 1当然,这也算不上深拷贝,因为深拷贝本身只针对较为复杂的object类型数据。引用数据类型(*****)如果是引用数据类型,名字存原创 2022-01-06 18:52:37 · 529 阅读 · 0 评论 -
尚品汇项目笔记
本项目是一个Vue前端电商项目,博客内都是自己对涉及到相关技术和知识点的总结。原创 2021-12-02 21:26:14 · 82758 阅读 · 119 评论 -
标签页使用及bug解决
标签页使用1、点击菜单项生成新的标签页2、点击标签页项实现页面跳转3、bug标签页放在main中标签页el-tabs主要属性:(1)editableTabsValue:高亮表示被选中的标签页(通过name标识)(2)editableTabs:标签页数组(存储所有的标签页信息),属性:name、title<!-- 标签页--> <el-tabs v-model="editableTabsValue" type="card" closable @tab-remo原创 2021-11-16 19:24:13 · 1688 阅读 · 0 评论 -
动态导航与动态路由绑定
1、获取路由之前先进行用户导航数据的加载。2、进行导航菜单和路由动态绑定。3、获取路由访问页面原创 2021-11-15 17:03:35 · 1807 阅读 · 4 评论 -
Router Modules模块化
由于使用单一状态树,应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时,store 对象就有可能变得相当臃肿。为了解决以上问题,Vuex 允许我们将 store 分割成模块(module)。每个模块拥有自己的 state、mutation、action、getter、甚至是嵌套子模块——从上至下进行同样方式的分割:例如:在我的一个项目中,我单独为导航栏菜单建立了一个模块,文件名为menu.js,所以我的store结构图如下store index.js 中两步设置1:导入导航栏子模块imp原创 2021-11-15 14:09:14 · 676 阅读 · 0 评论 -
解决导航守卫router.beforeResolve使用不了this.$store
在vue router的导航守卫如beforeEach()中是无法直接通过this.$store去操作vuex的,因为这里的this指向不一致。正确写法import store from '../store'store.state....解决方式是在router的index.js中引入初始化好的store总结:我们在其他js或者vue文件中使用store,axios等这些js文件时,养成一个好的习惯,先导入在使用,而不是通过this.$使用...原创 2021-11-15 13:42:12 · 2244 阅读 · 0 评论 -
Vue使用js读取Excel数据
JS读取Excel数据1、示例代码<template> <div class="hello"> <h1>{{ msg }}</h1> <h2>Essential Links</h2> <el-row> <el-col> <el-upload ref="upload" action="/"原创 2021-10-28 16:24:24 · 3186 阅读 · 0 评论 -
Vue body样式修改
此篇博客记录自己再写项目是遇到的App.vue显示问题。问题:查看页面时,发现有8px的margin,看着很不爽,想要去掉这个margin。修改前:直接上图解决方式,通过beforeCreate函数设置App.vue中body的样式export default { beforeCreate() { document.querySelector('body').setAttribute('style', 'margin:0;') },}可以明显看出,外边距已经没有了,over原创 2021-11-12 16:59:56 · 3731 阅读 · 0 评论 -
Vue el-menu高亮设置及点击菜单项实现路由跳转
el-menu相关知识记录一、el-menu菜单项高亮设置二、点击菜单项实现路由跳转2021/11/13 知识点记录一、el-menu菜单项高亮设置el-menu高亮是通过:default-active来设置的,一般我们都是绑定$ route.path或者$route.name这两个值,因为他们基本上都是唯一的,对于高亮的判断这是通过将:default-active绑定的值与菜单项的唯一标识index比较来显示是否高亮,如果相同则高亮。$ route.path对应当前页面路由的路径。$ route原创 2021-11-13 16:55:00 · 13665 阅读 · 5 评论