首页 > 其他分享 >vue出现样式问题,竖线样式为正常展示

vue出现样式问题,竖线样式为正常展示

时间:2023-06-01 09:33:19浏览次数:45  
标签:vue 请求 样式 finally 有时候 竖线

预期样式效果:

 但是有时候是这样的:

 有时候又是好的,奇奇怪怪得bug,经过查看debugger,发现是代码逻辑出现了问题。

 本来finally里面得东西是放在请求外面的,请求时异步得,先执行了下面finally里面的逻辑,导致后执行得请求返回来的函数,接收不到变量的变化就gg了,刚开始这里用的还是一般的变量不是ref得

标签:vue,请求,样式,finally,有时候,竖线
From: https://www.cnblogs.com/hhcome/p/17447996.html

相关文章

  • vue基础用法-初步使用vue
    1.基本使用步骤导入vue.js的script脚本文件在页面中声明一个将要被vue所控制的DOM区域创建vm实例对象(vue实例对象)<!DOCTYPEhtml><htmllange="en"> <head> <metacharset="utf-8"> <title></title> </head> <body> <!--希望......
  • Font-AweSome在Vue中的使用
    Font-AweSome在Vue中的使用yarnaddfont-awesome或者npmifont-awesome-S在main.js中引入import'font-awesome/css/font-awesome.min.css'Vue中使用<iclass="fafa-camera-retro"></i> ......
  • Vue2实现双向数据绑定原理
    Vue2.x采用数据劫持结合发布订阅模式(PubSub模式)的方式,通过Object.defineProperty来劫持各个属性的setter、getter,在数据变动时发布消息给订阅者,触发相应的监听回调。当把一个普通Javascript对象传给Vue实例来作为它的data选项时,Vue将遍历它的属性,用Object.defineProp......
  • VUE
    一、Vue程序初体验学习源:动力节点老杜课程1.1下载并安装vue.js第一步:打开Vue2官网,点击下图所示的“起步”:https://v2.cn.vuejs.org/第二步:继续点击下图所示的“安装”第三步:在“安装”页面向下滚动,直到看到下图所示位置:第五步:安装Vue:使用script标签引入vue.j......
  • vue-route路由meta对象参数说明
    /***路由meta对象参数说明*meta:{*title:菜单栏及tagsView栏、菜单搜索名称(国际化)*isLink:是否超链接菜单,开启外链条件,`1、isLink:true2、链接地址不为空`*isHide:是否隐藏此路由*activeMenu菜单高亮(详......
  • 在 nginx 服务器上发布vue项目 步骤与配置
    1.在vscode中使用yarnbuild:prod进行vue项目的发布2.进入发布文件3.下载nginx的windows版https://nginx.org/en/download.html4.将发布好的文件放入nginx解压后的html文件夹中5.修改nginx的配置文件打开nginx的配置文件配置完成使用命令打开nginx至此发布......
  • HTML 全屏水印 vue 全屏水印
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><title>水印</title><style>#water-div{pointer-events:none;position:fixed;top:0;left:0;right:0;bottom:0;}.mask_div{pointer-......
  • vue事件基本使用总结
    vue事件的基本使用:1、使用v-on:xxx或@xxx绑定事件,其中xxx是事件名2、事件的回调需要配置咋methods对象中,最终会挂载在vue实例对象上3、methods中配置的函数,不要用箭头函数,否则this就不会只想vue实例了4、methods中配置的函数,都是被Vue所管理的函数,this指向的是vue实例或组件实......
  • vue开场动画
    <!DOCTYPEhtml><html><head><metacharset="utf-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"><metaname="renderer"content="webkit">......
  • vue使用qrcodejs2生成二维码且底部带文字描述,支持下载(日常记录)
    使用qrcodejs2生成二维码的方法:/***二维码生成*@paramcontent生成二维码内容*@paramdesc二维码底部描述*@paramqrcodeDom挂在dom*@returns{*|HTMLDivElement}*/exportfunctiongeneratorQrcode(content,desc,qrcodeDom=null){constqrcodeCo......