奔跑的哈密瓜

摘要： 在项目中遇到过一个问题，就是两个项目的存储值token一样，在一个项目跳转另一个项目的时候发现两个项目token都失效了，前后端代码都没问题。 原因是 cookie不会区分域名保存，也就是说如果两个项目的cookie键一模一样，后面会把前面的给覆盖了，这就是问题所在。 阅读全文

摘要： 1.终端运行npm i pinia-plugin-persist 2.在main.ts中加入以下代码 1 import { createApp } from 'vue' 2 import App from './App.vue' 3 import { createPinia } from 'pini 阅读全文

摘要： 我们在ts文件中引入path，会发现path爆红 解决方法为，项目安装types/node即可 安装后，再次引入将不会显示错误，这是因为node中path并不支持ts导致的问题。 阅读全文

摘要： vue3使用自定义指令，先看代码： ，其中自定义代码为： 这个是自动获取焦点的指令。值得注意的是我们在写自定义指令的时候如果按照以下方法来就会报错 app.directive is not a function， 红框中的需要放到指令下面才可以。 阅读全文

摘要： 第一步在vue.config.js中找相同位置增加publciPath方法，其中process.env.NODE_ENV "development" 是为了判断项目是打包还是开发中，打包后增加路径前缀/aaa 第二步在router文件夹下找index.js,找路由配置，在base后增加相同代码 这样 阅读全文

摘要： 主要进行记录一下: <div :class="{ 'flex-inline': flex }"></div> flex为ture的时候这个 flex-inline类便会起作用 阅读全文

摘要： provide 、 inject 一般用来实现跨组件通信，避免层层传参，操作繁琐的问题。 provide( 属性,属性值 )：里面包含了要给子孙后代传递的东西也可以是一个操作自己某个功能的方法。 inject(接收的属性名,default)：default指的是默认值。 以下我是用对父组件进行刷新的 阅读全文

摘要： 在一次使用less的项目中发现在使用calc计算高度的时候无法成功，页面显示的高度为： height:calc(-100%) 而我们在代码中写的是： height:calc( 100% - 500px); 发现计算是失败的，这时候可以使用 height:calc(~"100% - 500px"); 阅读全文

摘要： 当我们在外部引入文件的时候，想要只在当前组件使用，但是我们使用 <style scoped> @import "../../xx.css" </style> 会发现这样子引入的文件会在全局使用。主要是因为scoped在起作用的时候，import并没有引入这个文件，所以没有对这个文件起作用。 使用下面 阅读全文

摘要： 1.先去除输入值中的回车 let t = " "; let k = t.replace(/\n/g, ''); 2.去除空格判断最终值是否为空 if(!k.trim()){ console.log("值为空") }//k.trim()最终等于"" //trim() 方法用于删除字符串的头尾空白符，空 阅读全文