文章 2024-08-15 来自:开发者社区

如何在 Vue3 项目配置全局方法

前言 大家都知道 Vue2 项目配置全局方法最简单就是使用【Vue.prototype.$XXX = XXX】这种实现方式。如该文章【https://blog.csdn.net/Cai181191/article/details/123797934】就是用这种方式来实现,然而 Vue3 项目实现配置全局方法可能就有点不一样了。 一、引入 Moment.js 日期处理类库并配...

文章 2024-07-30 来自:开发者社区

Vue项目中优化性能的方法

在Vue项目中,优化性能是一个持续的过程,涉及到多个方面。以下是一些常见的优化策略: 组件拆分: 将大型组件拆分为更小、更可管理的子组件。使用v-if和v-else来条件渲染组件,避免渲染不必要的组件。使用v-show和v-if: v-show只是简单地切换元素的display属性,适合频繁切换显示...

文章 2024-04-07 来自:开发者社区

Vue项目中强制刷新页面的方法

我们在动态切换组件的过程中,导航栏和底栏不动,动态切换中间区域的情况,在首页可以进行跳转任意组件,在组件与组件之间不能相互跳转,路由发生了变化,但是页面未改变,这时我们就需要强制刷新页面。 强制刷新页面的方式有三种: ①location.reload() ②this.$router.go(0)    前面两种方法都有些简...

Vue项目中强制刷新页面的方法
文章 2024-04-01 来自:开发者社区

vue项目中定义全局变量、函数的几种方法

定义全局变量 原理:使用模块(.js或.vue文件)来管理全局变量,最后使用export暴露出去 (最好导出的格式为对象,方便在其他地方调用),当其它地方需要使用时,用import导入该模块 1、使用全局变量专用模块,挂载到main.js文件上面 全局变量模块Global.vue定义如下: ...

文章 2023-12-20 来自:开发者社区

vue项目中页面跳转传参的方法

跳转传参方法在Vue项目中,你可以使用路由(vue-router)来实现页面跳转并传递参数。下面是一些常用的方法:使用路由的params属性:1、在目标页面的路由配置中,设置props: true来启用参数传递。2、在源页面中,使用this.$router.push方法跳转到目标页面,并传递参数。3、在目标页面中,通过this.$route.params获取传递的参数。使用Vue的props属性....

文章 2023-11-30 来自:开发者社区

解决Vue项目报错:Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法

报错如下问题分析明显从图中可以以看出问题是使用 ESLint 插件导致的作为一个代码规范插件,ESLint 限定缩进是 2 个空格,而我们一般使用 Tab 键的缩进是 4 个空格解决办法打开 .eslintrc.js 配置文件,加上下面这行配置 然后我们就可以看到原来的报错没有了'indent': ['off', 2]

解决Vue项目报错:Expected indentation of 2 spaces but found 4. eslint(indent) [8, 1]的方法
文章 2023-11-20 来自:开发者社区

Vue项目中强制刷新页面的方法

我们在动态切换组件的过程中,导航栏和底栏不动,动态切换中间区域的情况,在首页可以进行跳转任意组件,在组件与组件之间不能相互跳转,路由发生了变化,但是页面未改变,这时我们就需要强制刷新页面。强制刷新页面的方式有三种:①location.reload() ②this.$router.go(0)    前面两种方法都有些简单粗暴,主要说一下第三种方法③provide 配合 inje....

Vue项目中强制刷新页面的方法
文章 2023-09-27 来自:开发者社区

解决VUE项目window.open()方法打包部署上线报错404

背景:我的项目是部署在服务器的指定目录下,并且项目的路由模式是history模式,所以我需要在vue.config中配置publicpath和在路由中配置base,配置为相同的字符串,并告诉后端ng映射到我设置的这个字符串上.,此时访问地址可以显示项目页面,但是部分window.open()方法所跳转到的页面会报错404.报错代码:window.open('/XXXX/XXXX', "_blan....

文章 2023-06-20 来自:开发者社区

Vue项目使用天地图的方法(Vue引入天地图,创建地图实例

最近项目需要用到天地图,要引入到Vue项目中,鉴于官网没有相关的说明文档,在这里我记录一下我所使用的引入方法,可能不是很好,希望有更好的方法大佬能教一下我。首先获取key申请key这个里面应用类型记得选择用浏览器端第一步,在Vue项目文件夹public下的index.html入口文件中加入天地图API JS文件。引入天地图JavaScript API文件<script src="http:....

Vue项目使用天地图的方法(Vue引入天地图,创建地图实例
文章 2023-01-20 来自:开发者社区

vue创建项目的几种方法

vue项目创建方法1、vue create +项目名1.进入功能配置选择(1. default (babel, eslint) 默认预设配置 babel, eslint ( 2. Manually select features 手动选择配置2.enter后,进入手动选择配置 ,有以下Installed CLI Plugins选项(注:空格单选,a全选,i反向全选)(1. babel ...

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

阿里巴巴终端技术

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

+关注