vue 的前台获取不到数据

vue 的前台获取不到数据,第1张

如果屏幕右下角的网络连接图标没有显示断开,而双击后看到连接状态中“接收”总是0,那很可能是网线做得不好,换一根保证正确的网线试一下,或者把这根线拿到其它地方去试一下。

绝对不会是系统的问题(当然如果你重装的话也可能会解决,因为你会重新设置网络连接)

应该是网络连接的设置有问题,比如说IP冲突(局域网连接),无法获得IP什么的

如果是家里的个人电脑,你可以和你的网络运营商联系(电信、铁通什么的,看你的网络),如果是通过局域网连接,首先确定没冲突,然后按照别人的设置一下(主要是属性--〉Internet协议(TCP/IP)的内容),或者联系网络管理员

描述

公司项目需要做数据大屏,自己连夜薅头发搜索查询出。目前可满足需求的方案。

可使用适用于多分辨率,移动端亦可使用

以下方法Vue3 + vite 亦可使用

安装依赖

amfe-flexible 是一个自动计算并在项目中html,body标签中添加基础font-size(用过rem单位的同学应该都知道这个是多么的重要)

postcss-px-to-viewport-8-plugin 是为了可自动将px单位转换为vw单位,避免数学不好的同学将设计稿转换单位(不喜欢vw单位的同学之后我会介绍转换r如何转换rem)

项目配置

1 在mainjs中引入 amfe-flexible

2 在根目录下(也就是packagejson文件同级)创建postcssconfigjs文件, 配置如下

注:

如想转换rem单位亦可引入postcss-pxtorem

并于postcssconfigjs文件中做如下配置

如果不想引入amfe-flexible或引入报错亦可使用以下方法实现同种效果:

新建utils/flexiblejs文件

1一般来说,el-dialog可以设置center居中,但是它还能整个d窗动,就不好看了(scss写法)

2还要设置一下el-scrollbar的高度,如果是不同大小的屏幕,则需要动态获取一下

在 <template> 标签中主要是放一个全屏与退出全屏的按钮,并绑定上点击事件 fullScreenClick 。全屏与退出全屏的按钮显示切换是通过变量 fullScreen 控制的。

在js中,设置当前全屏状态的初始值为 false 。由于全屏状态下 ,按 "Esc" 键退出全屏,浏览器监听不到 "Esc" 键的事件,所以需要通过浏览器窗口大小改变的事件去触发退出全屏事件。(如果全屏是单一页面的功能,记得在组件销毁的时候清除掉 window 中 resize 事件的绑定)。

以上就是关于vue 的前台获取不到数据全部的内容,包括:vue 的前台获取不到数据、vue项目数据大屏自适应解决方案、vue2.+element d窗大小屏固定居中,使用内置滚动条等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9464819.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存