文章 2023-08-17 来自:开发者社区

Vue 加载远程组件的解决方案

背景最近的项目有一个加载远程组件的需求。基于此我对 Vue 加载远程组件的方案进行了研究,并且整理了两个可行的解决方案。HTML 文件 + umd 组件这个方案是最简单、最容易实现的。组件以 umd 的格式进行打包,然后在 HTML 文件中直接使用。<div id="app"> <test-input></test-input> </div>...

Vue 加载远程组件的解决方案
文章 2023-08-08 来自:开发者社区

vue页面设置滚动失败的解决方案(scrollTop一直为0)

vue页面设置滚动失败的解决方案(scrollTop一直为0)背景希望页面能跳转到 某一位置用到了scrollTop属性。可是发现给某个div设置该属性后,一致为0。找了很多方案,但不都适合自己,或者说不知道是否适合。怎么看我这个方法适不适合你你可以尝试打印滚动条的位置,页面滚动后,再次打印滚动条的位置,如果一直为0的话,那我的的这个方法就可以解决你遇到的问题(说明你可能一直在打印窗口的滚动,而....

vue页面设置滚动失败的解决方案(scrollTop一直为0)
文章 2023-08-03 来自:开发者社区

Vue表格显示问题:v-show无法影响el-table-column列的解决方案

问题:当我们在想对表格的某一列进行隐藏的时候,采用了v-show进行隐藏,但是发现似乎隐藏不了原因:v-show起作用的本质是利用display:none控制隐藏element-ui table组件el-table-column的td是利用了display: table-cell 控制显示而display:table-cell的优先级又高于display:none,所以v-show失效解决办法:....

Vue表格显示问题:v-show无法影响el-table-column列的解决方案
文章 2023-08-02 来自:开发者社区

Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案

一、chunk-vendors.js 简介顾名思义,chunk-vendors.js 是捆绑所有不是自己的模块,而是来自其他方的模块的捆绑包,它们称为第三方模块或供应商模块。通常,它意味着(仅和)来自项目 /node_modules 目录的所有模块,会将所有 /node_modules 中的第三方包打包到 chunk-vendors.js 中。将所有的第三方包集中到一个文件,自然也会出现文件过大....

Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案
文章 2023-08-02 来自:开发者社区

Vue 打包 chunk-vendors.js 文件过大解决方案(compression-webpack-plugin)

主篇 Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案。附带:nvm 安装与使用 nodejs 版本管理根据主篇内容继续通过 compression-webpack-plugin 插件处理 chunk-vendors.js 文件过大的问题。创建 vue.config.js 文件,后续配置都需要用到配置文件。前端将文件打包成 .gz 文件,然后通过 nginx 的配....

Vue 打包 chunk-vendors.js 文件过大解决方案(compression-webpack-plugin)
文章 2023-07-17 来自:开发者社区

vue项目使用elementui上传组件 打包后报错t.upload.addEventListener is not a function的解决方案

vue项目打包上传服务器后报这个错解决方案:查找文件node_modules/mockjs/dist/mock.js找到后打开文件大约在8312行的位置添加以下代码即可

vue项目使用elementui上传组件 打包后报错t.upload.addEventListener is not a function的解决方案
文章 2023-07-10 来自:开发者社区

vue项目使用elementui上传组件 打包后报错t.upload.addEventListener is not a function的解决方案

今天和大家分享一个报错的解决方案背景项目打包部署到宝塔上后,打开网页,上传东西时出现了一个报错,但是在本地开发环境是没有问题的。报错内容:这个问题是因为mockjs改动了axios里面XMLHttpRequest对象从而导致报错。解决方案:方案一:查找文件node_modules/mockjs/dist/mock.js找到后打开文件大约在8312行的位置添加以下代码MockXMLHttpRequ....

vue项目使用elementui上传组件 打包后报错t.upload.addEventListener is not a function的解决方案
文章 2023-06-20 来自:开发者社区

Vue之Axios跨域问题解决方案 ----纯前端

作者简介:大家好,我是Rockey,不知名企业的不知名Java开发工程师如果感觉博主的文章还不错的话,请三连支持一下博主哦联系方式:he18339193956,加我进群,大家一起学习,一起读书,一起对抗互联网寒冬方案1:既然使用axios直接进行跨域访问不可行,我们就需要配置代理了。代理可以解决的原因:因为客户端请求服务端的数据是存在跨域问题的,而服务器和服务器之间可以相互请求数据,是没有跨域的....

Vue之Axios跨域问题解决方案 ----纯前端
文章 2023-04-22 来自:开发者社区

Vue 给mapState中定义的属性赋值报错的解决方案

Vue 给mapState中定义的属性赋值报错的解决方案1. &nbsp; 实践环境Vue 2.9.6&nbsp;2. &nbsp; 问题描述&lt;script&gt;import { mapState } from 'vuex';&nbsp;export default { &nbsp; &nbsp;name: "displayCount", &nbsp; &nbsp;computed: {....

文章 2023-04-21 来自:开发者社区

Vue实现动态路由及登录&404页面跳转控制&页面刷新空白解决方案2

菜单数据data: [{        id: 1,        createBy: null,        createTime: null,        lastUpdateBy: null,     &...

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注