m0_62811051的博客

当方法被赋值的时候存在一种例外的现象，它调用了却没有指向它，管这种现象叫隐式丢失。而下面这段代码中是先将obj对象的属性赋值给b，然后再执行的。这两个this自然不是同一个this，因为不同函数执行产生不同的AO，所以每个函数有自己的this指向，但指向有可能相同（由当前执行方式决定）。当我们用对象的属性的方式调用这个方法的时候，那么this指向obj。当函数调用的时候，导致内部新函数被定义，并抛出内部被定义的新函数。这里的相同说的是指向对象是同一个，但是他们的函数内部是不相等的，地址不同。

我在写列表分页的时候出现了一些问题，我的分页是连同列表一起封装在一个组件中的，然后父级页面直接调用，同时我的所有变量都是定义在父级页面中，这就导致我传给子页面的值是固定的，如果想实现翻页功能，就要在包含分页的子页面里调用父页面的方法来改变父页面的当前页数的值，以及更新当前的显示列表。

3.然后在页面中引入store，使用pinia。2. 在store包下建index.js。1. main.js引入并挂载。

页面打开之后，判断sessionStorage 中是否存在 state对象，如果存在，则说明页面是被刷新过的，将sessionStorage 中存的数据取出来给vuex中的 state赋值。要让 Vuex 中数据持久化存储，这样刷新页面时 store 中的存储的数据能够保证不会丢失。我想登录以后显示用户名，那么在login中就要把用户名保存在vuex中，这样可以实现页面之间的数据传递。测试完可以发送请求以后，在methods中写模拟登录的方法请求，记得要改变按钮的点击事件哦。在index.js中写。

我们首先要知道，在浮动布局中父元素的高度默认是被子元素撑开的。当子元素浮动后，其会完全脱离文档流，子元素从文档流中脱离，将会无法撑开父元素的高度，导致父元素的高度丢失，高度丢失以后，其下的元素会自动上移，导致页面混乱。container之中包含一个 item 子元素，代码如下item此时，我给 item 加了 margin-top: 30px ，本来这时候我期待的结果是，item 块本身应该距离 container 青色区域的上边界 30px。

vue3: 因为setup函数里面用不了this，所以element官网例子用不了，我又想用这个模块所以引入。vue2：element plus官网例子。

效果图如下： 首先使用UI组件进行上传，前端代码如下：因为我的项目采用前后端分离模式，后端使用 springboot 接收以后的上传代码：然后在前端显示的时候会出现一些问题：原因：浏览器为了安全考虑是不允许直接访问的，但是可以配置一个虚拟路径。需要配置内置tomcat虚拟路径，为项目添加一个配置类：然后在列表显示的时候，我暂时使用拼接的方式直接访问，后续可能会作更改。

这个问题主要是因为我在写后台管理的时候使用mockjs，但是之后还要用它模拟数据，不可能将其卸掉，那么就在node_modules文件里面下手。然后找到 node_modules/mockjs/src/xhr/xhr.js （上面图示的第二个文件）的第 216 行再次加入上面那行代码。

之前的项目中我在写个人资料和修改资料的时候，将子页面嵌套在父页面中，但由于先写的修改资料以及中间上传头像的页面及跳转，导致没有意识到将其嵌套在父页面中会导致跳转到的上换头像的页面也嵌套在其中，导致页面被遮挡住，如下图： 这里跳转页面我是这样写的：解决改成下面这样就可以从子页面跳转到新的父页面了 当然如果页面当中有自定义的 frame 的话，也可以将 parent、self、top 换为自定义 frame 的名称 ，效果就是在自定义 frame 窗口打开url。这里 window 和

在引用UI组件输入框 时，样式出现了如下问题，边距多了1px导致输入框与边框分离。 根据我之前的经验，只要改变其外部样式就可以了。在此之前我都是选用less预处理器，然后使用 /deep/ 深度选择器修改第三库引入的组件。但是修改失败。经过查了大量博客，发现我当前选用的时scss预处理器，那么只能用 ::deep总结三者的区别：>>>深度作用选择器的简写形式Vue2.x的深度作用选择器正式写法Vue3.x的深度作用选择器正式写法Vue2.x版本使用优先级

我想将列表标签中添加子页面跳转，在vue2中只要将标签变成并加上属性 tag 就好了，因为具有tag属性的router-link会被渲染成相应的标签，像下面这样。tag 属性在 vue-routerv3.1.x以上版本被废弃，新增 “v-slot”，推荐使用 ‘custom v-slot’ 代替。下面是一个标签写的列表。

在Vue3框架里面是解除了this这个对象，所以无法使用this.$refs的方式获取自定义组件 ref 的DOM节点。因为每个 vue 的组件实例上，都包含一个 $refs 对象，里面。所以在默认情况下， 组件的 $refs 指向一个空对象。，通过该函数获取对象节能看到该对象包含界面中的refs。但是vue3中自带了能返回当前组件实例对象的函数。获取相应元素并进行操作。

给 el-menu 标签添加样式。

另外使用qs.stringify() 序列化以后，再调用接口，数据传输模式会自动改成 content-type = application/x-www-form-urlencoded ，这样就与后端一致。一般后端默认的内容类型是 application/x-www-form-urlencoded，而axios默认的是 applecation/json。前端提交的数据的字段名称或者字段类型和后端的实体类不一致，导致无法封装。在这里我的报错是因为前端请求头的content-type和后端不一致。

Vue的前端向SpringBoot后端发送 post 请求时，后端接收用到 @RequestBody，即接收前端发送过来的内容类型为 application/json 格式，那么前端就要用qs转换一下，否则就会报错。对于数组qs也是转成对象的形式，在数组中每个值都被解析为一个等式，但是这样有可能造成url参数过多的问题，所以对象或数组数据多重嵌套一般建议搭配JSON.stringfy()使用。（2）拥有同样的方法：对象的序列化 stringify()方法；序列化：将对象转化为字符串的形式，便于数据的传输。