前端
前端的一些使用
有时间指导毕业设计
这个作者很懒,什么都没留下…
展开
-
vue中a标签跳转到另外一个空白页面
【代码】vue中a标签跳转到另外一个空白页面。原创 2024-03-19 13:37:16 · 684 阅读 · 0 评论 -
Vue中判断对象是否为空的方法
判断对象是否为空原创 2022-08-11 15:31:43 · 1242 阅读 · 0 评论 -
前端的ElementUI表格里面的编辑前后的值的获取
前端表格里面的编辑之前值和编辑之后值的获取原创 2022-08-03 16:13:24 · 2198 阅读 · 0 评论 -
npm i 一直报错死活安装不下来所需要的依赖
npm i 安装报一系列错误原创 2022-07-13 10:13:23 · 332 阅读 · 0 评论 -
笔耕不辍 elementUI el-tree实现懒加载和直接查询实现
elementUI el-tree实现懒加载和直接查询实现原创 2022-07-10 07:49:02 · 697 阅读 · 0 评论 -
ElementUI的el-tree实现懒加载查询和直接全部查询出来
el-tree原创 2022-07-05 10:30:12 · 1946 阅读 · 0 评论 -
注意ElementUI的表格的数据显示不出来,通过Vue进行赋值的数组是有数据的
表格显示不出来原创 2022-06-27 11:16:54 · 1575 阅读 · 0 评论 -
elementUI判断自己选中的哪一行,this.$set在数组里面加上一个字段进行判断,联动实现
文章目录表格里面的下拉框和进行联动产生的代码1.this.$set(isshow,datalist,false),给数组里面的对象加上一个标识字段2.然后在里面加上了if条例用于判断一个联动是否要显示3.然后用change事件传过来那个参数进行判断你自己选中的哪个一行表格里面的下拉框和进行联动产生的代码 <!-- //给行添加鼠标点击事件 --> <el-table-column prop="rulcon原创 2022-04-22 09:46:44 · 1582 阅读 · 0 评论 -
ElementUIchange事件使用,进行数据不可以同时选中校验和不可以重复的判断
<!-- //给行添加鼠标点击事件 --> <el-table-column prop="rulcon" label="规则条件" width="300"> <template slot-scope="scope"> <el-select clearable v-model="dataList2[scope.$in...原创 2022-04-17 00:18:16 · 1060 阅读 · 0 评论 -
毕业设计学习锋迷商城,谷粒商城的的笔记(自己设计并手写后台商品管理,分类管理,用户,地址管理系统,订单管理,微信支付(内网穿透))
毕业设计锋迷商城项目,手写后台管理原创 2021-10-05 23:12:37 · 12283 阅读 · 22 评论 -
注意一下比较一个对象的字符串属性是否相等的时候使用““.equals()方法,进行重置小心重置的为空格
users.getIsLock.equals(users1.getIsLock);注意:一定不要使用: users1.getIsLock=="1"或者users.getIslock=="0"重置的字段不可以出现空格this.dataForm.username=""this.dataForm.username=" "原创 2022-04-07 20:53:52 · 168 阅读 · 0 评论 -
Hexo+gitte个人博客搭建教程
Hexo+gittee原创 2022-04-01 23:02:39 · 250 阅读 · 0 评论 -
Vuex状态管理工具
Vuex是Vue的一个插件,可以用来管理组件的复杂的状态管理。Vuex应用的核心就是Store仓库可以进行相关的操作。Vuex和单纯的全局对象有以下两点不同:Vuex的状态存储是响应式的,Vue从Store中读取组件的状态变化的时候,如果Store中状态进行变化组件的状态也会进行变化。唯一的可以改变Store状态是显式的提交Mutations.代码是this.$store.commits();this.$store.commit('increment', { amount: 10})//原创 2022-04-01 09:07:19 · 1093 阅读 · 0 评论 -
ElmentUI的提示对话框
// 解锁 getTaskUnlock(data){ this.$confirm(data.qualityinspector+'质检中,是否确认解锁?', '确定解锁', { confirmButtonText: '确定解锁', cancelButtonText: '取消', type: 'warning'}).then(() => { this.$store.dispatch("loading/CHA...原创 2022-03-31 15:10:11 · 632 阅读 · 0 评论 -
this.$set,或者Vue.set(),@cell-click=“cellClick“
它们两个是一个意思this.$set(this.dataList[index], “starShow”, false);如果后端没有这个数据,但是前端的列表展示的时候需要一个假的数据,把数据中的每个startShow赋值为false;@cell-click="cellClick"这个可以加在那个表头上面,可以指定那个指定的列加上点击事件。 cellClick(row, column, cell, event){ if(column.property == "clmnum"){原创 2022-03-26 12:06:50 · 507 阅读 · 0 评论 -
Vue的插槽的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>插槽&原创 2022-03-22 10:29:53 · 770 阅读 · 0 评论 -
Vue+ElementUI实现联动
Vue+ElementUI实现联动的效果 B站联动实现的讲解原创 2022-03-18 22:22:20 · 272 阅读 · 1 评论 -
MarkDown,Animate,Typora插件的集成步骤
Markdown插件Animate 动画集成Typro<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 引入markDown编辑器的css--> <link rel="stylesheet" href="../static/lib/editormd/.原创 2022-03-12 23:14:58 · 954 阅读 · 0 评论 -
BigDecimal在前端获取数据的时候精度丢失,BigDecimal相关的使用场景和常用的方法
解决方法把它转换成String类型可以在它的实现类属性上面加上这个注解 @JsonSerialize(using= ToStringSerializer.class)细节:当这个属性为BigDecimal类型,可以通过这个方法进行转换为Integer类型 int rulcon = vo.getRulcon().intValue();然后BigDecimal是不可以设置为空的,inspectorUphold.setRuldata(null);设置不进去 if(rulcon!=3){原创 2022-03-04 21:14:19 · 1707 阅读 · 0 评论 -
ElementUI+Vue的下拉框联动右边输入框自己敲
文章目录需要有下拉框和输入框 代码如下: <template slot-scope="scope"> <el-select clearable v-model="dataList2[scope.$index].rulcon" @change="changeByCustom" style="width: 140px;" >原创 2022-03-04 21:05:44 · 1987 阅读 · 0 评论 -
2022.2.28
实习的日记:今天进行三张表的连表的查询,使用left join进行连接,这个连接的特点主表会全部进行显示,即使连接的右表没有,比如rulid主表有两个为1,连接的表也有1个或者两个为1,使用这个字段进行连接的时候会出现很多的数据最多为2*2,可以用两个字段连接来进行具体的关联解决这个方法。使用elementUI的scope.$index可以取到行数,它是从0开始的。elementUI的表头的变色和字体大小可以进行相关的修改。代码如下:在<el-table :header-cell-sty原创 2022-03-01 00:09:46 · 314 阅读 · 2 评论 -
ElementUI给表格加上输入框和单位
关键代码(可以使用判断的语句进行判断添加): <el-input v-model="dataList[scope.$index].ruleCon" placeholder="输入" > <template v-if="scope.$index % 2 == 0" slot="append" >%</template原创 2022-02-25 22:57:02 · 1954 阅读 · 0 评论 -
前端的Vue相关的项目经验
加载数据写在created()钩子函数里面,页面执行完毕就会进行加载。可以进行引入相关的公司封装好的js文件进行发送相关的请求,自己可以进行创建js文件并进行相关的引入。比如 modules/systing/otherain/clmnumUphold.一些下拉框和一些相关的共用的重复的数据也可以封装在js中,并进行相关的引入。vue是动态路由的配置,按f12,然后在Application下面的Session Storage里面查找你的相关的路径的名称进行命名。vue的push函数,和复制功能的使用.原创 2022-02-24 08:07:26 · 2150 阅读 · 0 评论 -
前端git进行提交相关的代码
1.git add . (这个是添加全部你修改过的文件)2.git commit -m "" (添加到本地)3.git pull origin dev (拉去远程仓库代码)4.git push origin dev(提交到远程仓库)原创 2022-02-21 20:53:14 · 236 阅读 · 0 评论 -
前端的插件Emmet语法使用教程
emmet语法使用原创 2022-01-10 07:46:02 · 280 阅读 · 0 评论 -
Es6规范 Object.assign()的基本用法
Object.assign()方法进行赋值使用1.多个对象进行赋值let obj={a:1,b:2};let obj1={a:2,b:3};let obj2={a:3,b:4};Object.assign(obj,obj1,obj2);console.info(obj);打印结果: {a: 3, b: 4}所以这个函数,Object.assign(target,source,source1,…),如果参数个数是匹配和相同的,后面的参数的会进行相应的覆盖前端target对象。2.只有原创 2021-12-25 10:07:03 · 365 阅读 · 0 评论 -
Vue生命周期一篇就够了和组件注册和复用功能实现
Vue的生命周期<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</原创 2021-12-11 18:15:32 · 394 阅读 · 1 评论 -
前端获取当前的时间
1. data里面可以定义一个参数data() { return { nowDateTime: '',//当前日期时间 } },2.在methods里面定义一个方法进行时间的获取的实现 getTime(){ var _this = this; let yy = new Date().getFullYear(); let mm = new Date().getMonth()+1;原创 2021-12-09 13:55:04 · 1711 阅读 · 0 评论 -
使用锚点链接路径不发生跳转
文章目录锚点链接不会进行路径的跳转1.进行点击锚点的地方的代码2. 点击事件的编写3.在定位到的地方加上如下的代码锚点链接不会进行路径的跳转1.进行点击锚点的地方的代码<ul class="side-box"> <li class="" style=""> <a @click="changeHash('#name1')">销售信息</a> </li><!----></ul>2. 点击原创 2021-12-09 10:32:52 · 1014 阅读 · 0 评论 -
Router的导航守卫
概念:它相当于Router一个过滤器,所有的路由都会首先去执行它。用法:在vue的main.js中加入router.beforEach(to,from,next)import Vue from 'vue'import App from './App.vue'import router from './router'import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css';// 引入v原创 2021-12-04 21:50:19 · 541 阅读 · 0 评论 -
Vue的导航栏通过v-for进行遍历实现,封装菜单的请求工具类
文章目录导航栏通过v-for进行遍历实现1.在router里面的index.js里面定义了相关的路由,可以算出是嵌套的路由2. 进行遍历其中的routes数组,和children数组进行取出相关的值Home.vue文件中封装菜单的请求工具类为什么?把菜单数据存放到Vuex中,记录它的状态导航栏通过v-for进行遍历实现1.在router里面的index.js里面定义了相关的路由,可以算出是嵌套的路由import Vue from 'vue'import VueRouter from 'vue-rou原创 2021-12-04 21:46:24 · 1261 阅读 · 0 评论 -
Vue里面的this.router.push(“/路径“)和this.$router.replace(“/路径“)的区别
this.$router.replace,这个你点击浏览器的返回按钮不会进行跳转到上一次的页面。原创 2021-12-04 11:01:31 · 988 阅读 · 0 评论 -
Vue前端使用axios统一进行拦截和进行跨域的处理
文章目录拦截(下载axios框架)1. 在根目录下面可以创建一个utils或者其他目录,然后在创建一个统一进行拦截的文件api.js2.导入相关的axios和router,以及进行弹框处理的Message的element-ui的组件3.写上你的拦截器跨域处理1.在根目录下面创建一个vue.config.js文件,然后写上如下的内容,相关的注释里面有写拦截(下载axios框架)1. 在根目录下面可以创建一个utils或者其他目录,然后在创建一个统一进行拦截的文件api.js2.导入相关的axios和ro原创 2021-12-03 19:17:51 · 379 阅读 · 0 评论 -
Vue的路由模式处理404
在路由配置的界面进行配置:{ path:'*', component: importPage('playVue/error'),},定义的错误页面error.vue<template><div> <h2>404</h2> </div> </template><script>import BtUi from 'components/basic-ui/bontal-base-ui.um原创 2021-12-02 17:54:02 · 478 阅读 · 0 评论 -
Vue的嵌套路由的使用和路由的传递参数
文章目录1.在index.js的路由跳转的配置文件中加上你的嵌套路由配置:2.在你的点击会产生路由跳转的地方加上router-like to3.使用router-view标签显示你的路由跳转以后的内容,可以放在你的想要的位置1.在index.js的路由跳转的配置文件中加上你的嵌套路由配置:{ path:'/main', name:'playMain', // 需要引用上面的导入的组件 component: importPage('playVue/playMain'), childre原创 2021-12-02 16:15:52 · 383 阅读 · 0 评论 -
Vue的插槽的使用
定义相关的子组件,Vue.component里面定义的相关的子组件名字,可以手动的进行引入,如:todo里面用slot进行连接使用v-bind:title或者直接用:title进行相关的绑定,v-for=""里面还可以使用index进行遍历。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatib.原创 2021-12-02 09:50:43 · 289 阅读 · 0 评论 -
Vue的导航栏和布局
el-menu标签里面加上:router=true和el-submenu里面的el-menu-item里面加上index="/你的路径名称"相当于rounter-link to的功能,也就是路由跳转的功能这个是用弹性布局display:flex实现的相关的代码:<template> <section> <div id="app" style="width: 100%;height: 60px; background-color:#B3C0D1.原创 2021-11-30 10:42:03 · 808 阅读 · 0 评论 -
Vue的控制页面是否显示的功能
代码: flagFunction1(value){ if(value==0){ if(this.flag){ this.flag=false; }else{ this.flag=true; } } if(value==1){ if(this.flag1){ this.flag1=false; }else{ this.flag1=true; } }原创 2021-11-21 14:52:37 · 1998 阅读 · 0 评论 -
post请求用data来接收参数(走的是请求体),get请求用params来接收参数(这个走的是路径)
后端需要接收前端的两个实现类的参数,可以在后端封装一个工具类SignVo:package com.hundsun.bontal.demo.VO;import com.hundsun.bontal.demo.model.TbSignInfo;import com.hundsun.bontal.demo.model.TbUser;import lombok.AllArgsConstructor;import lombok.Data;@Datapublic class SignVO {原创 2021-11-15 16:51:34 · 889 阅读 · 0 评论 -
ElementUI的永久弹框
this.$message的内容里面加上duration:0,原创 2021-11-12 00:47:59 · 717 阅读 · 0 评论