vue
DanceDonkey
这个作者很懒,什么都没留下…
展开
-
前端发送Fetch请求实现流式请求、模拟打字机效果等
这里的逻辑是每次监听到后端的流式数据以后,动态拼接上已有的字符串,然后将markdown转为html格式,然后继续拼接上这个span标签一起渲染到页面上,这个时候再开启个定时器,定时器获取到这个标签,动态的调整这个标签的opcatity透明度就可以实现光标闪烁的效果了。onmessage的主要逻辑就是累加所有流式数据返回的内容,然后渲染到页面上,这里需要注意的是接口返回的为markdown格式的数据,所以还需要用到一个markdown转html的依赖库。npm 方式安装类库。原创 2023-07-07 11:04:14 · 4374 阅读 · 6 评论 -
Axios跨域请求携带cookie
如当前访问的域是10.99.160.11 :8080 这个端口,那么当向10.99.160.11 :8080 这个端口发请求时,由于不存在跨域,则可以顺利携带cookie,但是当向 10.99.160.11 :9100这个端口发请求时,此时发生了跨域,当发生跨域请求时,默认是不能携带cookie的,此时需要设置axios的withCredentials :配置项。但是使用axios发起跨域请求时,需要设置withCredentials:true 配置属性才能生效。原创 2023-06-06 17:48:28 · 2208 阅读 · 1 评论 -
ElementPlus弹窗之后让外部区域可编辑
原始的el-dialog弹出以后外部区域是不可编辑的。原创 2022-12-09 14:07:29 · 668 阅读 · 1 评论 -
el-form-item 使用 required 属性改变自定义校验文字
el-form-item 上 使用required 校验在change时会触发必填校验,出现 this is required。main.js 中修改配置。原创 2022-11-16 11:10:14 · 2187 阅读 · 0 评论 -
el-dialog组件隐藏时直接销毁组件
使用el-dialog组件时,不通过v-model绑定的布尔类型的变量来控制是否隐藏展示,而是在需要不展示的时候直接销毁组件。在组件上标识 v-if 可控制组件隐藏时直接销毁dialog。原创 2022-10-19 13:26:53 · 1614 阅读 · 0 评论 -
Vue路由拦截问题
第三个参数next是个回调函数,如果直接调用了next(),则表示放行了。如果不允许放行,想重定向到其他路由,则可以在next函数中,传递路由参数,如。next(‘/login’),此时需要注意的是 /login路由的相关逻辑也会被next().否则会发生无限重定向问题。next(参数) : 此时是重新跳转,而重新跳转又会被beforeEach拦截到。next() : 路由跳转完成,进入to.path对应的路由页面。路由拦截的函数结构体。...原创 2022-08-03 09:36:28 · 1383 阅读 · 0 评论 -
vue3脚手架配置开发环境和生产环境的url
编写一个统一的配置文件开发环境和生产环境可配置两个js文件,在config.js统一判断一下当前环境其他需要用到配置环境的地方可以引入config.js,如axios最后需要在package.json文件中奖build命令 添加参数vue-cli-service build --mode production 指定在打包时读取.env.production配置文件,通过读取这个配置文件,遍可以修改打包后的process.env对象的值。...原创 2022-07-06 09:44:07 · 1125 阅读 · 0 评论 -
Vue3中的路由以及钩子函数使用
Vue3路由的使用安装vue-routernpm install [email protected]{ "name": "vue3-life", "version": "0.0.0", "scripts": { "dev": "vite", "build": "vite build" }, "dependencies": { "vue": "^3.2.0-beta.7", "vue-router":原创 2021-11-23 22:10:33 · 5605 阅读 · 0 评论 -
开源项目renren-fast的验证码以及登录认证流程分析
一、验证码的获取查看其项目源码,在跳转到登录页面后,调用created钩子函数,而调用的这个getCaptcha(),方法就是请求获取验证码的方法。而且注意,在其请求验证码的时候,携带了uuid参数,并且将这个uuid参数赋值给了this.dataForm.uuid。此时vue对象的data属性上的dataForm登录表单对象就有了这个uuid值,这个参数怎么用下面再说。 created () { this.getCaptcha() }, getCaptcha () {原创 2020-11-17 13:13:35 · 3506 阅读 · 2 评论