首页 > 其他分享 >vue进行页面跳转样式丢失问题

vue进行页面跳转样式丢失问题

时间:2023-07-14 16:44:53浏览次数:34  
标签:vue 界面 样式 丢失 跳转 页面

问题:vue使用  this.$router.push 方法进行页面跳转时样式丢失,如下图,图一为正常页面,图二为跳转后的界面

 

 解决方法:并非样式丢失,而是样式背覆盖了,去跳转的原界面样式中加入scope,跳转之后问题解决

 

标签:vue,界面,样式,丢失,跳转,页面
From: https://www.cnblogs.com/zhangzheshuai/p/17554144.html

相关文章

  • vue 实现自定义主题切换+日夜切换
    此处只参考修改主题色,日夜模式参考elep官网functiongradientColor(this:any,startColor:any,endColor:any,step:any){letstartRGB=gradientColor.prototype.colorRgb(startColor);//转换为rgb数组模式letstartR=startRGB[0];letstartG=star......
  • dede共用同一个文章ID展示多个不同的模板页面
    DEDE共用同一个文章ID展示多个不同的模板页面,比如链接:http://jinmengqiang.cn/info-1.htmlhttp://jinmengqiang.cn/plus/show.php?aid=1以上2个链接可以使用不同的模板,其实内容可以相同也可以不同的进行调用(这个需要后台二次开发进行配合)。首先复制/m/view.php并且改名......
  • dede列表页输入数字跳转到指定分页代码
    编辑打开列表页模板,默认路径为empletsdefaultlist_article.htm,将下列代码插入之间,也可以做JS调用。<scripttype="text/javascript">//<![CDATA[functiononCheckPage(){varbeginPage=parseInt(document.beginPagefrm.beginPage.value);if(isNaN(beginPage)){alert("请输......
  • Vue2的安装
    Vue的安装根据需求分为script标签引入与npm命令创建项目。1. script引入用途:用于不改动老项目源代码的二次开发。   使用方式:在html中嵌入vue.global.js的script标签的引入。代码示范图:  2. npm命令创建项目前提:npm是Node.JS自带的指令,如果需要使......
  • vue 使用document.execCommand失效
    document.execCommand当一个HTML文档切换到设计模式时,document暴露 execCommand 方法,该方法允许运行命令来操纵可编辑内容区域的元素。大多数命令影响document的 selection(粗体,斜体等),当其他命令插入新元素(添加链接)或影响整行(缩进)。当使用contentEditable时,调用 execComman......
  • vite+vue3+minio
    之前h5用的minio上传文件,现在web端也需要用这个,但h5是用的vue2,web用的vue3,就出现了一些问题 架子是用的vite搭建的,但vite不支持require导入。用import的话minio不支持import引入,也会报错一.用vue2搭个项目,将minio通过require方式导入,再进行导出,上传npm,然后再npminstall......
  • html2canvas + jspdf 实现前端将页面内容生成 PDF
    一、简易步骤(仅支持下载一页,无法分页)1.下载插件模块npminstallhtml2canvasjspdf--save2.编写代码importhtml2canvasfrom'html2canvas'//引入插件import{jsPDF}from'jspdf'//html2canvsjspdfpdf文件下载exportconstdownloadPdf=(dom,name......
  • Springboot 实现QQ登录(界面跳转)
    Springboot实现QQ登录(界面跳转)现在第三方登录已经变成主流app的登录方式了今天记录一下如何给自己的网站实现第三方登录(这里以QQ登录为例)准备工作首先确保你准备好你自己网站的域名:如https://xxx.com以及有正常账号密码登录的方式有很多实现的方式,比如去微信开放平台和Q......
  • vue 组件分享
    应用场景是tab切换,上方显示五个标题,下方区域显示各模块内容分享的原因是这个写法简介父组件如下:<template><Tabsv-model="selected"@on-click="change_item"><TabPanev-for="iteminlist_tab":key="item.name":lab......
  • 视频融合平台EasyCVR登录后通道数据及菜单栏页面显示异常的排查与解决
    EasyCVR可拓展性强、视频能力灵活、部署轻快,可支持的主流标准协议有GB28181、RTSP/Onvif、RTMP等,以及厂家私有协议与SDK接入,包括海康Ehome、海大宇等设备的SDK等,能对外分发RTSP、RTMP、FLV、HLS、WebRTC等格式的视频流。有用户反馈,登录EasyCVR的Web页面,发现设备和分组的信息都......