![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
怡暘
努力靠近中国科学院大学的程序媛
展开
-
vue中数字串添加逗号
vue中数字串添加逗号原创 2022-10-23 17:23:22 · 1446 阅读 · 1 评论 -
vue中防止切换路由接口重复请求实现方法
vue中防止切换路由接口重复请求实现方法原创 2022-06-16 09:29:10 · 3227 阅读 · 0 评论 -
vue2对应的element ui使用的>>> 和 /deep/ 在vue3中被 :deep() 代替
背景:与同事合作开发过程中发现同事又学了新技能对组件样式进行强制修改,但是他用的时候控制台报错了,原因就是将vue2上兼容的使用方式用在了vue3中。下面我们一起来看看吧一、系统控制台警告信息:[@vue/compiler-sfc] the >>> and /deep/ combinators have been deprecated. Use :deep() instead.二、vue2和vue3中的使用情况概述:在Vue2中 经常使用 >>> 或 /deep/ 样式穿透 修原创 2022-06-01 09:32:45 · 2182 阅读 · 0 评论 -
vue3之语法糖script setup的父子组件、兄弟组件传值
背景:随着vue的使用范围越来越广,使用人数越来越多,其的发展更新速度也是再上一个台阶,vue2故好,但组件化过程中的某些组件化操作稍微有一些弊端,从而vue3随之诞生,vue3兼容typescript的开发,但是不向下兼容vue2。与vue2一起兼容使用的element ui也由于语言兼容性问题不再兼容vue3,想要继续使用饿了么组件的小伙伴可以转移到vue3+element plus组合进行开发。好啦,不说废话啦,言归正传,我们一起来学习或者温习一下vue3中的组件传值吧。一、父组件给子组件传值父原创 2022-05-26 09:43:57 · 2980 阅读 · 0 评论 -
vue3.0中使用命令行(包管理器)安装element-plus
因为 vue3.0 不兼容 vue2.0, vue3.0 也不支持 element-ui 的安装,所以element为了兼容vue3.0 基于vue3.0开发了一套 element-plus 的组件库.命令行安装依赖:# 选择一个你喜欢的包管理器# NPM$ npm install element-plus --save# Yarn$ yarn add element-plus# pnpm$ pnpm install element-plus在项目中引入方式: “完整引入”:原创 2022-05-13 15:26:42 · 712 阅读 · 2 评论 -
vue的版本与vue-cli的版本区别及与element前端组件的兼容版本
根据文章"如何升级Vue的版本 vue2.9.6升级到vue3.0"内容的补充一. vue的版本与vue-cli的版本区别:最近对于项目创建时候发现了一个问题,及一些需要总结的vue使用命令,如下:1. 在项目中:(1) npm list,可以查看当前项目当中安装的所有依赖及其对应的版本;(2) npm list vue,可以查看当前项目当中安装的所有与vue相关的依赖及对应的版本;2. 在dos界面下,系统全局环境下:(1) vue -V 或者 vue --version 查询的是vue-c原创 2022-05-13 15:08:15 · 2697 阅读 · 0 评论 -
如何升级Vue的版本 vue2.9.6升级到vue3.0
背景:电脑使用多年,一直使用vue 2.x版本,项目开发过程中由于一个模块涉及的集成模块过多,导致需要进行定义的变量越来越多,代码出现冗余,因此在同事的推动下,鉴于vue 3.x的优化,故对自己本来使用的vue 2.9.6升级到vue 3.0版本。那么如何升级呢,请查阅如下步骤:vue版本的升级主要步骤:一、首先需要卸载你之前的vue2.9.6使用快捷键win+R,出来“运行”界面:输入cmd–>回车–>进入dos界面:输入命令查询vue的版本:vue -V orvue -Ve原创 2022-03-09 14:29:39 · 23787 阅读 · 10 评论 -
vue原生滑块‘vue-histogram-slider’的使用
学习地址:https://www.npmjs.com/package/vue-histogram-slider一、安装:yarnyarn add vue-histogram-slidernpmnpm i vue-histogram-slider二、使用:import Vue from 'vue';import HistogramSlider from 'vue-histogram-slider';import 'vue-histogram-slider/dist/histogram-原创 2022-01-24 10:07:25 · 728 阅读 · 0 评论 -
element-ui el-table表格排序sortable参数解析
element-ui el-table表格排序sortable参数解析背景:项目开发中遇到了需要对表格数据进行通过后端接口实现全排序,找到了elm 的table组件,使用sortable方法实现。表格组件的排序功能,点击排序表头可以进行升序和降序进行排序<el-table :data="tableData" style="width: 100%" <!-- 数据由后台进行排序时sortable="custom",需要监听排序点击事件,会返回当前的prop和order -->原创 2021-11-25 20:23:06 · 1512 阅读 · 0 评论 -
vue中data定义数组用于v-if的indexOf判断el-image的显示隐藏
背景:首先感叹vue真的是博大精深。项目开发中遇到这样一个功能,根据数组中的数据动态设定el-image的显示隐藏。1. 问题代码:test.vue中代码:<el-table :data="resRSData" :highlight-current-row="false" height="100%"> <el-table-column type="selection" min-width="1" /> <el-table-column label="缩略图"原创 2021-09-24 09:30:01 · 2859 阅读 · 0 评论 -
vue中在.vue文件中定义全局变量 全局函数及使用
背景:项目开发中使用到了多个项目的集成,需要集成分系统的跳转链接,但是涉及系统的内网地址及外网地址的频繁更新设置,这样在代码里修改非常的不方便,于是创建一个全局变量提高工作效率。正文:在项目中,经常有些函数和变量是需要复用,比如说网站服务器地址,从后台拿到的:用户的登录token,用户的地址信息等,这时候就需要设置一波全局变量和全局函数。**一、定义全局变量**原理:设置一个专用的的全局变量模块文件,模块里面定义一些变量初始状态,用export default 暴露出去,在main.js里面使原创 2021-09-03 11:12:14 · 3363 阅读 · 1 评论 -
Vue中a标签去掉文字下划线
主要影响CSS:text-decoration-line: none书写规范:<a href="login.vue" style="color: blue;text-decoration-line: none">原创 2021-09-03 10:53:36 · 2130 阅读 · 0 评论 -
Element UI 的el-menu在VUE项目中实现再次点击左侧菜单栏,右侧页面内容刷新
背景:在对项目进行bug走查的时候,测试人员突然提出项目左侧菜单栏再次点击时候要进行页面刷新,当时我真的懵了,vue项目了router还能在当前页面进行再次刷新!!!我怀着疑惑上网查询、咨询足足使用了我3h,多宝贵的时间呀,就这么浪费掉了。最后,好歹,功夫不负有心人,还真有大佬讲到该部分的内容,通过自己尝试最终将问题解决。下面将我的问题解决方法分享给大家。参考:https://blog.csdn.net/tq1711/article/details/108386307?utm_medium=distrib原创 2021-08-03 20:53:37 · 3075 阅读 · 0 评论 -
vue-router点击菜单栏同一个模块报错vue-router.esm.js?2215:2065 Uncaught (in promise) Error
背景:项目通过菜单栏切换界面时候出现如下问题,虽然不影响界面的切换及系统的使用,但是会影响到系统的稳健性。原因:上面截图显示的问题是系统进行路由切换时出现的问题,主要是vue-router版本问题,vue-router 3.0版本以上的回调形式是promise api的形式,返回的是一个promise,如果没有捕获到错误,控制台始终会出现上图的警告。解决方法:1.安装低版本的vue-router或者捕获抛出放入错误;2.删除node_modules文件夹,然后使用“cnpm install”重新安原创 2021-07-07 09:59:25 · 405 阅读 · 0 评论 -
Vue搭建的项目打包后发布文件名称ROOT命名
背景:这是在没有前端开发经验的时候,突然师兄给了一个使用Vue搭建前端项目的任务,当时Vue都没听说过,只有一种感觉真的是一头雾水。为了完成任务在度娘的世界里摸爬滚打,找到前辈的一个搭建示例,终于成功了(????)。但是在打包并发布项目的时候发现文件名称必须是ROOT,郁闷了。不过在我们明大佬的指导下发现了一个方法,解决了这个问题,具体如下:为了便于解决问题对需要修改的assetsPublicPath给出查找路径如下:项目打包及发布访问时候文件名必须使用指定的“ROOT”格式:assetsPubli原创 2021-07-07 09:27:46 · 602 阅读 · 0 评论