代码不停,分享不止😃|

随笔分类 -  Vue

🪢Nginx前端部署测试🥓🎈【本地部署测试+线上部署】
摘要:🪢Nginx前端部署测试🥓🎈【本地部署测试+线上部署】🪢Nginx前端本地部署测试 前端开发中虽然把本地的前端包部署到线上 服务器,部署,测试...等都属于运维的工作范围内,但是作为一个前端开发者需要学会这些步骤的😬⚛:今天我就带大家先来个小实验,我们今天就尝试着进行本本地的nginx简单部署,等到后期,我们用购买的服务器进行线上的测试~~ 下载n
5
0
0
【大屏可视化】系统(Vue3 + ECharts5)快速实现和应用 🎶🎈🗓️
摘要:【大屏可视化】系统(Vue3 + ECharts5)快速实现和应用 🎶🎈🗓️🎶【大屏可视化】系统(Vue3 + ECharts5)🎶 这八部~~按照,难易的顺序来进行绘制!!!💯 横向柱形图 竖向柱形图 雷达图 环形图 关系图 数据云图 数据展示图 地图可视化 02:基于 vite 与 tailwindcss 创建大屏可视化项目 1,基于 vite 创建项目,使用:
79
0
0
vue项目中API接口的管理和axios的使用详解(附登录小案例)🚩✔✔✔
摘要:vue项目中API接口的管理和axios的使用详解(附登录小案例)🚩✔✔✔在项目中,和后台交互数据这块,有三个流行的库。 jQuery ajax $.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {} })
78
0
0
数据展示动态(跑分)显示
摘要:数据展示动态(跑分)显示1.页面显示(强烈推荐) <template #header> <avue-data-tabs :option="dataOptions" :data="tabData" style="width: 75%;"></avue-data-tabs> </template> 2.具体代码阿和方法实现 2
6
0
0
日期选择器:年 月 日 动态切换显示
摘要:日期选择器:年 月 日 动态切换显示1. 组件样式部分(elementUI)实现 <el-row> <el-col :span="10"> <el-button-group> <el-button :class="{ 'is-active': selectedButton 'year' }" @click="changeToYearP
160
0
0
Ement-Plus框架的列表table导出excel数据表
摘要:Ement-Plus框架的列表table导出excel数据表1.页面预览 2.搜索条件区域 code <!-- 查询 --> <div class="table-container"> <el-form :inline="true" :model="queryForm" class="query-form" ref="queryFormRef"> <el-f
48
0
0
Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法~
摘要:Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法~前几天在vue运行项目过程中报错了,这个方法是 关于Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法 (1)报错一 (2)报错二~ 1.1问题分析 首先,检查代码,并没有什么错误的地方;其次,涉及到这个问题,可能就
1213
0
0
用户登录🔒~生成图片验证码(identify(生成图片验证码)插件)
摘要:用户登录&#128274;~生成图片验证码(identify(生成图片验证码)插件)1.效果图: 2.以用户登录实现 生成图片验证功能:使用 identify(生成图片验证码)插件 identify:这是一个vue的插件,使用canvas来生成图形验证码 2.1 下载identify插件,npm安装 npm i identify 2.2 具体参数如下: 2.2 在component
279
0
0
js简单的倒计时器~~⏰
摘要:js简单的倒计时器~~⏰1.效果图 2.html部分 3.逻辑部分 3.1获取当前时间,时间差 //获取当前时间 var date = new Date(); var now = date.getTime(); //设置截止时间 var str = "2023/9/14 12:28:34"; var endDate = n
42
0
0
localstorage本地存储token,vuex刷新数据丢失问题⚡⚡⚡
摘要:localstorage本地存储token,vuex刷新数据丢失问题⚡⚡⚡1.vuex和axios安装,引入,使用 1.1vuexa安装和使用 vuex3.x版本的官网安装教程:安装 | Vuex vuex4.x版本的官网安装教程:安装 | Vuex npm install vuex --save 2.在src下新建文件夹store,并在文件夹中新建文件index.js,
618
0
0
el-table设置单元格里的字体颜色
摘要:el-table设置单元格里的字体颜色例如图中,设置某个单元格的字体颜色: ① el-table标签上添加属性::cell-style=“cellStyle” <el-table :data="tableData" :cell-style="cellStyle" border stripe fit> ②vue文件里在method里声明
1070
0
0
更新代码出现冲突:incoming change和current change
摘要:incoming change和current change incoming change和current change 1.提交代码时冲突。 如果远端代码和本地修改有冲突,是不会拉取代码成功的,也就是说,只有把代码贮藏【stash】起来,才能拉取到最新代码,这时候 应用贮藏的时候就可能会发生冲突
601
0
0
项目中elementui时间线的使用~✔✔
摘要:项目中elementui时间线的使用~✔✔Vue项目项目中经常会遇到事件线的功能Timeline,比如说快递跟踪功能等。element.js 时间线的使用,先来看效果图 是因为element2.6.0之前的版本不支持时间线组件了。所有下载安装比较麻烦。这里推荐使用本地组件:直接放在pluginis目录下,然后引入就可以 timeline文件
2179
0
0
项目使用lodash(深拷贝)的方法
摘要:项目使用lodash(深拷贝)的方法Vue项目使用lodash(深拷贝)的方法 Lodash使用了一个简单的 _ 符号,就像Jquery的 $ 一样,十分简洁。 https://www.lodashjs.com/ 1.安装 npm install lodash -S 2.导入 (1)方式一:在main.js中导入 //全部导入 imp
947
2
0
ElementUI实现图片上传的功能🌈~(已完成✔)
摘要:ElementUI实现图片上传的功能&#127752;~(已完成✔)Vue项目中经常会遇到使用ElementUI实现图片上传的需求~(已完成✔) (1)安装官网组件Upload 打开官网有个Upload 上传组件-通过点击或者拖拽上传文件:本次项目中用到了:图片列表缩略图结构 <!-- action-表示图片要上传到的后台api地址--> <!-- on-previ
2510
1
0
Vue项目中使用ElementUI实现Steps步骤条和Tabs标签页的联动效果功能
摘要:Vue项目中使用ElementUI实现Steps步骤条和Tabs标签页的联动效果功能Vue项目中使用Elemen-tUI做一个steps步骤条:左边的内容和步骤条进度效果是同步的切换,顶部是 (1)steps步骤条 (2)Tabs标签页 (3)steps步骤条和tabs标签页之间的联动效果 思路: 那么这里需要步骤条的属性名称和标签页的属性名称联动同步切换的功能:步骤条是属性 :a
4157
0
0
Vue项目中使用树形控件 vue-table-width-tree-grid
摘要:Vue项目中使用树形控件 vue-table-width-tree-gridVue项目中使用树形控件 vue-table-width-tree-grid 需要实现的整体效果如下: 这个树形结构组件ElementUI是没有提供的,我们需要依赖第三方插件来完成。 一、安装tree-table组件 (1)Vue 可视化工程vue UI来安装: 我们打开VUE的可视化面板(在cmd
2106
0
0
项目实现用户长时间不操作,自动退出登录⏳
摘要:项目实现用户长时间不操作,自动退出登录⏳Vue项目实现用户长时间不操作,自动退出登录 1.实现思路 使用 mouseover事件来监测是否有用户操作页面,然后写一个定时器间隔特定时间检测是否长时间未操作页面,如果是清除token,提示登录已过期请重新登录 每隔10s去检查一下用户是否过了10秒 未操作页面因为我这边是单点登录所以用户10秒
808
0
0
vue项目中手机号+邮箱验证正则~✔
摘要:vue项目中手机号+邮箱验证正则~✔vue项目中手机号+邮箱验证正则~✔ vue项目中经常会遇到各种验证规则的需求。这里我把布局用ElementUI来写出来了。接下来需要添加用户,密码,手机号,邮箱的验证规则。 里面用户名,密码是比较简单的,直接用element提供的组件验证规则。手机号和邮箱是自定义规则,需要严格验证是否合法 1,首
776
0
0
ElementUI中Table和Switch组件中插槽scope应用使用场景
摘要:ElementUI中Table和Switch组件中插槽scope应用使用场景ElementUI中Table和Switch组件中插槽scope应用使用场景 ElementUI 安装 npm i element-ui -S 引入 Element main.js 内容添加 import ElementUI from 'element-ui';import 'element-ui/
270
0
0
点击右上角即可分享
微信分享提示
深色
回顶
收起
  1. 1 404 not found REOL
404 not found - REOL
00:00 / 00:00
An audio error has occurred.

Not available