- 博客(41)
- 收藏
- 关注
原创 vue项目内网部署流程
复制 ycfx.jar 文件到自定义路径,然后在此路径下打开 cmd 窗口,输入指令 java -jar ycfx.jar (jar包名称) 回车后等待程序启动完成即可,启动完成后不要关闭该窗口。数据库,输入数据库名称 ycfx,然后点击 ycfx 右击,选择运行 sql 文件,选中 ycfx.sql 所在的。位置,点击开始,等待提示 finish sucessfully 后点击关闭,然后右击 ycfx 选择刷新,就会在。,安装完成后,win+r打开cmd,输入javac 查看是否安装成功。
2024-06-28 11:39:08
1131
原创 vue项目连接多个服务后台地址
场景描述:由于公司项目需要基于若依框架和starlingX后台开发,所以,项目至少要连接两个后台地址。在 vue.config.js 文件里 添加一个地址。新建一个接口请求文件,并引入request.js文件。
2024-06-28 10:00:04
357
原创 el-table中添加switch 且绑定值为0和1
switch开关经常用在是否启用的场合,但是switch默认绑定值的类型是布尔类型,即true和false,在实际的项目中,后端的接口都会用0和1来代替,如何将数值与状态进行关联呢?
2023-11-17 16:11:06
1344
原创 vue 将表单设置成只读模式
这个事件 也可以穿过该元素,点击到该元素下面的元素,比如 canvas这个按钮挡住了无法点击,按钮功能就无法实现,就可以设置 pointer-events: none;个人觉得 这个方法 页面虽然很明朗 但不美观 而且 如果表单很多的话 就得一个一个加 很麻烦。用div包起来 提高层级 背景色可以不设置 也可以设置为透明色。这里有个问题就是 如果用 tab 键还是可以选中的。但是缺点是 可能滚动条会滚动不了。
2023-06-06 12:30:00
1584
原创 vue将路由改为history模式下并设置路由base
那就可能是assetsDir 路径错误。在传递router配置里添加。到这里会发现页面无法访问。
2023-03-23 17:50:25
763
原创 常用js方法集合
数据字典 :首先在app.vue里调用 this.$commonly.initDict();文件是请求数据字典的接口文件**、storage .js**文件是封装缓存方法文件。创建一个commonly.js在utils目录下。刷新页面 就可以看到缓存里的数据字典了。文件就是页面路径文件、在main.js里注册。
2023-03-06 18:02:42
154
原创 vue中echarts视图不更新
最近写了一个可视化,遇到最多的问题就是, 封装成组件 接口返回来。总结下来就是 监听是真香 后来遇到的很多问题都是用监听解决的。, 或者切换数据有数据 ,但可视化。2、在组件里监听数据有变化 手动赋值。1、直接在组件里判断有数据就可。问题就是数据只在第一次更新了。
2023-03-01 12:17:45
955
原创 assets和static的区别
3、推荐assets中存放自己的资源(css、images、utils等),static中放第三方资源(pdf.js、iconfont等)4、动态绑定中,assets的图片会加载失败,因为webpack使用commonJS规范,需要使用。webpack处理,打包后直接复制到dist(默认是dist/static)下。webpack处理,打包后会在dist中合并成一个文件;3、资源通过import引入,都可以在html中使用。2、如果资源在html中使用,都是可以的。1、都是用来放静态资源的。
2022-12-12 17:20:08
635
原创 类型和id对应的两个数组
两个picker进入的组件是一样的,保存传参数的时候需要把两个分别选中的数组id放到一个数组里,type放到另一个数组里,但这两个数组的type和id需要对应起来。因为返回的数据没有type,两个类型也是固定的值,所以拿到数据后,先自己给他push一个type。首先在进组件页面的时候,给一个参数,方便判断是哪个选择进的页面。先合并选择到的两个数据,然后拿出只有id和type对象的数组。组件接收数据后,在抛出数据的时候把type值也传出来。然后在保存数据传参的时候处理数据。做个数据处理的小记录。...
2022-08-09 16:19:35
105
原创 indexof和includes的区别
数组中的indexof方法判断字符串是否包含子字符串(包含的话就返回字符串所在位置,不包含返回-1)语法:indexof(searchElement,fromIndex)fromIndex(可选。从该索引处开始查找searchElmentui)数组中的includes方法判断一个数组是否包含一个指定的值(包含返回true,不包含返回false)语法:includes(searchElement,fromIndex)fromIndex(可选。从该索引处开始查找searchElmentui)indexof和
2022-06-29 10:34:13
144
原创 vue + elmentui 表格相关
1、实现动态表格数据结构必须如下:2、表格高度3、自定义表头样式4、自定义表头5、elmentui 实现el-table列宽自适应
2022-06-27 15:42:24
711
原创 vue 导出excel
用xlsx插件1、安装依赖包2、创建一个commom.js文件3、在表格上加上id4、在页面引入方法5、在按钮上添加click方法就可以实现导出了
2022-06-15 18:19:35
148
原创 跳转页面后回不去默认页面
问题记录:默认页面跳转页面后 浏览器自带的返回箭头没有了 也就是不能返回。问题本质:路由跳转 replace和push的区别helpCenter(){ this.$router.replace('/hc/index') },区别: this.router.push跳转到指定url路径,并想history栈中添加一个记录,点击后退会返回到上一个页面this.router.push跳转到指定url路径,并想history栈中添加一个记录,点击后退会返回到上一个页面this
2022-05-23 15:46:21
588
原创 回顾Object.defineProperty
回顾Object.defineProperty方法:let number = 18let person = { name:'张三', sex:'男',}Object.defineProperty(person,'age',{ value:18, enumerable:true, // 控制属性是否可以枚举(遍历),默认值是false writable:true, // 控制属性是否可以被修改,默认值是false configuranle:true, // 控制属性是否可以被删
2022-05-20 13:07:47
108
原创 查找字符并判断
需求:当客服等待时间为天的时候,字颜色变红结果如下图:解决:首先用js内置方法indexof(简单来说就是得到数据的索引,如果查询到返回索引,反之返回-1)封装一个函数,再把需要判断的值放进去,然后添加动态class封装的函数如下:isRed(e){ if(!e) return; if(e.indexOf('天')==-1){ return false } else{ return true } },表格判
2022-04-24 11:11:29
232
原创 elmentui Tree组件单选问题以及清除选中状态
1、实现单选功能:主要利用tree组件中的check、setCheckedKeys方法,需要注意的是,此时必须设置node-key,其值为节点数据中的一个字段名,该字段在整棵树中是唯一的。<el-tree ref="tree" :data="data" show-checkbox node-key="dictCode" :props="defaultProps" @check="handleCheck"
2022-04-11 15:44:23
12239
原创 创建当前时间
创建当前时间:getTime(){ var date = new Date(), year = date.getFullYear(), month = date.getMonth() + 1, day = date.getDate(), hour = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(), minute = date.getMinutes() < 10 ? "
2022-04-07 16:22:55
212
原创 uniapp下一项功能
上篇是数据返回全部消息,为数组时,本篇是接口每次只返回一条消息,并且 每天弹过的消息只弹一次。每日只弹一次:传参数的时候需要把msgid拼接到一起,所以把每条已经弹过的msgId和当天的时间储存到本地,在调接口之前,先取出已有 的id,如果已经有id就拼接/** * 获取接口消息 */ getMsgData() { this.$u.api.msg.getNotifyMsg({ receiveStatus: 0, excludeMsgIds: this.g
2022-03-23 17:12:13
375
原创 uniapp 消息列表 下一项功能
查看消息列表的时候,会有下一项这个功能,如下图:首先得判断下一项这个按钮是在什么情况下出现:<view class="flex-around mt-20"> <view :class="count<2 ? 'bg-orange text-xl round-3 planWidth' : 'bg-theme text-xl round-3 px-n20 py-20'" v-if="isPlanShow" @click="addPlan"> 创建检查计划
2022-03-19 14:42:53
1142
5
原创 poup组件自适应高度
用tm-vuetify框架中的tm-poup组件 高是固定死的 但需求是自适应高度,给height值传个max-content,内容的最大高度,就可以实现自适应高度了。<tm-poup v-model="show_1" :position="pos" height="max-content"></tm-poup>...
2022-03-18 11:05:01
277
原创 vue 将后台数据时间戳转换成日期格式
在 src 下新建一个 common 文件夹,创建 date.js 文件,方便多次复用export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = { 'M+': date.getMonth() + 1, 'd+':
2022-03-04 14:41:31
583
原创 Error in v-on handler: “TypeError: Cannot read properties of null (reading ‘getElementsByTagName‘)“
在表格导出的时候出现这个错误,是因为把id获取错误因为封装的方法里有id,但是页面上面没有找到,所以报错 /** * 导出 * @param mainTitle 主标题 * @param subTitle 副标题 * @param reqData * @returns {any} */ exportTable(mainTitle,subTitle,reqData){ /* generate workbook object from table */
2022-02-28 18:14:15
4543
原创 vue 报表下钻功能开发
拿到areaCode初始值,下钻的时候把点击获取到的areaCode赋值上去就可以实现下钻功能let data = { areaType: this.areaType, // 后台默认是1 areaCode: this.reqData.areaCode, } ceApi.getcqData(data).then(res => { if (res.success) { this.loading =
2022-02-28 18:01:16
2120
1
原创 vue点击按钮切换样式
点击全部 切换样式给一个click点击事件,动态样式绑定两个class(vue官网:绑定class的对象语法)<view class="type round-15" @click="whole" :class="{type:ys1,type_tips:ys2}">全部</view>用true和false判断ys1:true,ys2:false,方法:whole(){ // 当点击第一次时,ys1从true变为false,Style样式type就会隐藏 // 再
2022-02-16 13:31:55
11574
2
原创 vue自定义按钮单选和多选
自定义按钮单选:单选样式如上用for循环出每一项的Index作为判断依据,index改变后 把index给num,改变其动态样式。此处的样式用的是tm-vuetify框架里的样式,动态的样式必须写在style里,否则不起作用。<view class=" flex flex-wrap"> <view class="type flex-center text-size-n ma-20 mb-5 py-20 px-20" v-for="(item,index) in punishLi
2022-02-15 13:24:50
2427
原创 监听浏览器左侧宽度计算距离
问题:左侧的tab栏切换需要定位在左侧方案一:我先想到的是相对定位,但由于上面的两个tab切换是组件,所以在下面定位出去 他就会消失,也就是隐藏,脱离文档流了,但也会隐藏,不知道原因。后来用了固定定位,可以出现 但不能自适应。方案二:在首页分为两个盒子。问题出现:头部会被撑开方案三:监听浏览器左侧的宽度 计算距离(可以实现)首先给整体的tab栏加个动态的固定定位样式<div class="tab" :style="{position: 'fixed',left:flexLT.lef
2021-12-08 11:21:27
509
原创 uniapp中菜单双联动效果
uniapp中 菜单双联动效果,就是点击左侧的目录,右侧滚动到相应的文章位置,并且高亮闪烁三次。效果图:做这个的时候,先做跳转,我首先想到的是html中的锚点链接,用id,但这个内容是循环出来的,不能直接用link写,然后我就开始了一大波的百度,这个时候搜索关键词就尤为的重要,我之前一直搜的是锚点链接跳转相应列表,找了好久,出来的都是监听滚动事件,如果内容少的话,就可以,但放在这里,显然不太行。然后我就迷茫了,开始找别人问,他告诉我说商城列表会用到这个,一下子点醒了我,我开始搜关键词为菜单双联动,
2021-10-11 22:11:06
1342
原创 vue条件绑定处理样式
我们在做前端页面时,为了更直观的展示数据,我们希望通过条件判断来让页面显示不同的样式,比如:首页中的导航栏:我的频道:当哪个导航栏的高亮效果显示时,我的频道 中就显示哪一个思路:将首页中的激活的标签索引传递给频道编辑组件在频道编辑组件中遍历我的频道列表的时候判断遍历项的索引是否登录激活的频道标签索引,如果一样则作用一个高亮的css类名给我的频道中的Button绑定处理样式::class="{ active: index === active }"此处用到了v-bind:class 语
2021-07-15 14:04:17
1371
2
原创 Error:Loading PostCSS Plugin failed: Cannot find module ‘postcss-pxtorem‘
今天安装了插件posttcss插件,在运行项目的时候,出了下面的报错安装时候的命令:yarn add -D postcss-pxtorem先说一下解决办法吧:报错是因为版本太高,降低一下版本,重新下载一下5.1.1版本的就好了yarn add postcss-pxtorem@5.1.1接下来介绍一下这个命令移动端REM适配Vant中的样式默认使用px作为单位,如果需要使用rem单位,就可以使用以下两个工具:postcss-pxtorem 是一款 postcss 插件,用于将单位转化为 r
2021-07-09 21:46:45
19032
4
原创 Vue基础 es6模块
ES6模块化ES6模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本,开发者不再需要需要额外学习AMD、CMD或CommonJS等模块化规范ES6模块化规范中定义:每个js文件都是一个独立的模块导入其他模块成员使用import关键字向外共享模块成员使用export关键字在node.js中体验ES6模块化安装v14.15.1或更高版本的node.js在package.json的根节点中添加type节点ES6模块化的三
2021-06-23 21:00:10
514
2
原创 nodejs数据库(下)
1.SQL的select语句1.1语法介绍SELECT语句用于从表中查询数据,执行的结果被存储在一个结果表中(称为结果集)注意:SQL 语句中的关键字对大小写不敏感在执行语句的时候,需要选择默认的数据库,双击选择指定的数据库即可1.2 演示两种SELECT语句查询所有列写法从 users 表中选取所有的列,可以使用符号 * 取代列的名称SELECT 列名称获取名为 username 和 password 的列的内容(从名为 users 的数据库表)2.SQL 的 in
2021-06-16 19:49:31
400
原创 数据库的第一天
2021.6.15 学前端的第60天,接触到了数据库,在node.js第五天里,没什么感触,nodejs说起来也算是一门可以做后台的了,那前端为什么要学nodejs,那自然是了解前后端接口,对于一个小点的项目来说,用nodejs完全可以胜任了,还有就是对于数据库操作了,简单来说也就是增删改查,据了解,挺重要的。数据库就是存储数据的,那么存储数据就用txt就行了啊,为什么要有数据库?1.数据库的基本概念1.1 什么是数据库数据库(database)是用来组织、存储和管理数据的仓库为了方便管理互联网世
2021-06-15 21:35:13
249
11
原创 快乐学习Git命令
Git是什么?Git是一个开源的分布式控制系统 ,是目前世界上最先进、最流行的版本控制系统。可以快速高效地处理从很小到非常大的项目版本管理。特点:项目越大越复杂,协同开发者越多,越能体现出 Git 的高性能和高可用性!直接记录快照,而非差异比较SVN的差异比较:它存储的是一组基本文件和每个文件随时间逐步累积的差异Git快照,类似于备份 缺点:占用磁盘空间大 优点:版本切换时非常快近乎所有的操作都是本地执行特性:1、断网后依旧可以在本地对项目进行版本管理2、联网后,把本地修改的记录同步到
2021-06-07 17:26:22
124
原创 动态改变this的指向
2021.5.20 接触js的第二十天 今天有学姐来分享经验,给我们建议定期整理笔记,我总觉得整理不全,因为后面总会有惊喜等着你,今天总结一下改变this指向,this指向是挺头疼的,不过还好this指向最常听到的一句话就是:它始终指向调用它的对象,然而却忽略了this所在的环境this的指向与上下文有关this指向是在函数调用的时候才能确认,定义的时候不能确定this的值是个对象在全局中,非严格模式和严格模式中this都是指向顶层对象(浏览器中是window)。1、call调用c
2021-05-20 21:22:43
131
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人