- 博客(82)
- 收藏
- 关注
RSS订阅
原创 动态添加class属性，给其增加css样式
<div class="cag-dialogBox" :class="{active: item === choosenItem}" @click="clickAffirm(item)" v-for="item of dataList" :key="item.agentId">active为class名，，冒号后面为判断条件。.active { border-color: #b620e0; }
2022-01-22 11:27:31
2015
原创 Vue中的生命周期
Vue的8个生命周期：beforeCreated 创建前c r e a t e d 创建后beforeMount 加载前mounted 加载后beforeUpdate 更新前Updated 更新后beforeDestory 销毁前destroyed 销毁后什么是 Vue 生命周期？Vue 实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载 DOM -> 渲染、更新 -> 渲染、销毁等一系列过
2021-01-21 15:02:20
132
原创 如何完整的搭建一个项目的开发环境？
本章节主要说的是如何完整的搭建一个项目的开发环境一、安装vue脚手架首先创建一个文件夹并且在本文件夹的黑窗口(cmd命令进入)安装Vue的脚手架，使用：cnpm i -g @vue/cli 命令进行安装检查是否安装成功 ：vue --version 命令二、前端vue项目创建创建前端项目文件夹 vue create 项目名例如：vue create kigo-web三、后端...
2020-12-28 22:32:06
1287
1
原创 初始入门，从下载Node.js到修改npm全局安装路径
一、下载Node.js#**1.在浏览器地址栏输入http://nodejs.cn/ 进入node.js中文网，或者在搜索框内输入Node中文网，点击进入即可。2.点击下载按钮。3.如下图：(选择与自己电脑匹配的类型，红色箭头部分是答主自己的电脑类型)。4.如果下载之后浏览器在左下角会提醒“此类型文件可能会损害您的计算机。您仍然要保留…吗？ 点击保留即可”。如下图：5.在安装node.js中，一直点击next即可(但是记得更改默认存储路径，一般情况下，我们安装Node.js环境，程序会自动把N
2020-12-14 20:02:43
1419
5
原创 微信原生小程序转uniapp过程及错误总结
摘要 本文整理了uniapp开发中的4个关键问题：1) this.setData替换为直接赋值；2) Cookie处理需注意跨域问题；3) 通过uni.getSystemInfoSync()区分小程序开发环境；4) 文件上传需确保URL和filePath非空。特别指出小程序环境使用wx.uploadFile接口时，要配置正确的服务器地址和请求头，并处理上传进度和响应数据。文末提供了相关技术文章的参考链接。
2025-06-18 10:53:03
319
原创 vxe-table实现表格内部可编辑项必填校验
name: [],sex: [{ required: true, message: '性别必须填写' }],age: [{ type: 'number', min: 10, max: 100000, message: '输入 10 ~ 100000 范围' }],date: [{ required: true, message: '日期必须填写' }
2024-09-27 11:16:52
1061
1
原创 git第一次首次提交本地代码到远程仓库详细步骤（初始化提交）
参考文章 ：https://blog.youkuaiyun.com/qq_22182989/article/details/139098265。1、先输入git remote rm origin 删除关联的origin的远程库。2、关联自己的仓库 git remote add origin ‘地址’强制推送：git push --force origin master。
2024-09-20 15:18:11
279
原创 vue + leaflet + 天地图实现搜索省份后高亮
获取省份json文件的地址：https://datav.aliyun.com/portal/school/atlas/area_selector。
2024-09-19 13:42:15
886
原创 vex-table表单如何进行校验（https://vxetable.cn/v3.8/#/table/edit/rowValid）也可参考官方文档实现
VXETable.modal.message({ status: 'error', message: '校验不通过！' })} else {VXETable.modal.message({ status: 'success', message: '校验成功！' })},})})
2024-09-02 15:22:41
950
原创 微信原生小程序转uniapp步骤及心得 这里非常重要 ```bash https://github.com/charleslo1/weapp-cookie ```
最上面操作栏 发行——小程序微信——假如运行失败，可先去manifest.json文件中点击微信小程序配置——修改微信小程序AppID(请在微信开发者工具中申请获取)最上面操作栏 发行——原生app云打包——假如运行失败，都不需要选，证书直接选择公用的即可。微信小程序AppID需要注册微信公众平台进行小程序注册，注册后即有AppID。uniapp中main.js这么引入。再把包放至uni_modules。手动处理cookie方法如下。Hubilder打小程序包。Hubilder打安卓包。
2024-08-27 19:52:13
297
原创 vue element使用echarts切换tab标签出现图表被压缩变形，宽度变窄问题
这是因为渲染的时机不对，我们需要在点击到当前切换的时候在echarts父级加载完毕之后在执行echarts，而不是在页面初始化的时候就把所有tabs里面的echarts都执行。在tabs切换中有echarts的话，我们会发现初始化的那个echarts是有宽度的，当点击tabs切换之后，切换过来的echarts只剩下100px的宽度。其实这个Tab下的内容在刚进入这个url时（点击这个tab前）就已经被渲染好了，在你点击tab展开内容时就发生了这样的格式问题。没有宽度，所以会发生以上问题。
2024-04-02 10:02:35
571
原创 vue element-ui分页插件 始终保持在页面底部样式
直接上代码最后再给表格外层的div加上style="overflow-y: auto;height: 50vh;"即可没滚动条
2024-03-04 17:54:28
802
原创 记录：如果更改外层加了class名，但是样式没有更新到页面中是什么原因?
在这里 style中不要加leng=“sass”，然后将/deep放到最前面<style scoped>/deep/ .tabPane .el-tabs__item.is-active{ color: #b417d4;}/deep/ .tabPane .el-tabs__item:hover{ color: #b417d4;}/deep/ .tabPane .el-tabs__active-bar{ background-color: #b417d4;}&l
2022-01-24 17:48:11
906
原创 elementui开始时间结束时间选择器，如何将开始时间及结束时间传递给后台
<el-form-item label="任务时间" prop="timeRange" style="margin-bottom: 15px"> <el-date-picker v-model="formData.timeRange" size="small" type="datetimerange" format="yyyy-MM-dd HH:mm" value...
2022-01-21 16:53:15
1665
原创 window.location传参方式
goeValuate(evaluateStatus){ if(evaluateStatus === 1){ //todo 更换成正确浏览器地址 window.location.replace(`${window.location.protocol}//${window.location.host}${process.env.VUE_APP_DOMAIN}/taskManage.html?evaluateId=${this.evaluateId}&o...
2022-01-21 16:12:09
2160
原创 父组件如何调用子组件中的方法？
父组件代码，假如父组件要关闭弹窗时候，需要做一系列操作，例如关闭弹窗时需要将子组件中的内容恢复成原来的样子，那么该如何调用呢？1、首先应该在子组件上面加一个ref，例如：ref=“child”， <el-dialog title="【细菌列表】" :visible.sync="bacteriaDialog" element-loading-text="正在加载" @closed="closedDialog" &g
2021-09-27 10:03:30
16900
3
原创 去除两个数组相同项
let arr = [{ id: 1, name: ‘zs’ }, { id: 2, name: ‘ls’ }, { id: 3, name: ‘ww’ }, { id: 4, name: ‘xm’ }, { id: 5, name: ‘xh’ },]let sum = [3, 4, 5]let date = arr.filter(item => sum.indexOf(item.id) > -1)console.log(‘date’, date)// 0: {id: 3, name:
2021-08-12 08:51:21
578
转载 js中|| 和&&。
1、&&和||属于逻辑运算符。关于&&和||的表达式的运算规则是这样的：表达式1 || 表达式2，只要任意表达式为true，则整个表达式的运算结果为true。表达式1 && 表达式2，只有所有表达式都为true，则整个表达式的运算结果才为true。根据集合的补集的思想，只要任意表达式为false，则整个表达式的运算结果为false。2、&&和||的短路运算，是指如果在进行前面的表达式的运算过程，通过判断已经明确的知道整个表达式的结果，那么
2021-07-06 09:40:34
527
原创 同一个表单中，如何可以让其中一个输入框的值自动计算等于其他输入框值之和？
实际场景：需要用到vue中computed计算属性首先在data中声明三个变量分别代表输入框中的这几个数据1、【 这是data中声明的变量 totalPopulation: undefined, // 总人口 placementShift: '', // 水深小于等于0.5m及非淹没区就地安置人口 placementMax: '', // 水深大于0.5m就地安置人口 placementSmall: ''// 水深大于0.5m转移
2021-07-02 10:12:32
1843
原创 如果Git克隆代码的时候出现错误该如何处理？可能是没有设置用户名和邮箱导致（个人记录）
1.用户名和邮箱地址的作用用户名和邮箱地址是本地git客户端的一个变量，不随git库而改变。每次commit都会用用户名和邮箱纪录。github的contributions统计就是按邮箱来统计的。修改密码git config --global credential.helper store (输入这个命令后,以后只要在输入一次用户名密码)查看用户名和邮箱地址：$ git config user.name$ git config user.email修改用户名和邮箱地址：$ git co
2021-06-08 14:37:04
448
原创 vue中父子组件的传值(父传子、子传父)
首先需要给两个页面配置路由，配置结束后如下： { path: '/', name: 'Father', component:()=>import('@/views/admin/Father.vue'), }, { path: '/son', name: 'Son', component:()=>import('@/views/admin/Son.vue'), },父组件：<template> <div&
2021-05-31 22:17:59
188
原创 forEach遍历数组的两种用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>测试</title></head><body> <script>
2021-05-25 18:04:33
628
原创 页面间跳转时的路由传参（可观察url地址栏变化）
页面跳转时，携带参数传递过去，让被跳转的页面能获取到传参页面所传递的数据。传参页面：跳转时通过query发送数据datasend(){ this.$router.push(path:"/跳转的路由地址",query:{data:发送的数据})}send()是一个方法，例如是一个click方法，点击时通过this.$router.push进行跳转，其中path表示的是跳转的路由地址，query中则是需要携带的数据。接收页面：接收传参页面，跳转过来之后query里的数据data。getQue
2021-05-25 15:40:29
550
原创 element-ui Dialog 对话框组件 :visible.sync 的作用
//这个是element-ui组件库提供的对话框插件。:visible指的是属性绑定，表示弹框的显示隐藏，当:visible的值为ture的时候，弹框显示，当为false的时候，弹框隐藏后面的.sync是什么意思呢，指的就是同步动态双向的来表示visible的值，当我们关闭窗口的时候，这个弹框隐藏了，visible的值发生了变化，但是关闭窗口这个动作，我们没法用确定的动作去判断这个值，所以用到了vue中的双向绑定的原则，在vue中统一加上了.sync来表示同步的修改了visible的值。原文链接：h
2021-05-12 20:15:20
5150
原创 后端返回来数据，如何让最后一个盒子没有下边框？
v-for="(item,index) in newmyTask :class="index===newmyTask.length-1&&'noline'".noline{ border-bottom:none;}newmyTask是后端返回来的数据数组，noline表示样式问题。
2021-05-11 21:45:05
511
原创 几个样式的时候，如何使用三元(目)运算符嵌套实现？
嵌套如下t.str == "1" ? "11" : (t.str == "22" ? "22" : "33"); 案例如下
2021-05-11 21:00:17
291
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人