- 博客(81)
- 收藏
- 关注
RSS订阅原创 切换el-table中的el-select 点击添加将该行新增到新的表格中
对象是引用类型 传递的是引用地址 所以你两个数组引用的是同一个对象 只要其中一个数组改变 就会导致对象改变 进而另一个引用的数组也会改 解决办法如上。：这里会遇到一个问题 就是切换左侧下拉框的值 添加到右侧数组里的值也会更新。1、切换下拉框 展开折叠框并显示二维码等相关信息。将当前行内容添加到右边下载区。2、下拉框有值时 点击操作列。3、点击下载区操作列。
2023-03-24 11:08:43
143
1
原创 TypeScript学习
一、TypeScript简介1、TypeScript 是什么？2、TypeScript 增加了什么？二、开发环境搭建1、ts需要编译为js，然后才能交给我们js解析器去执行，所以这时候我们要先装一个ts解析器。ts解析器是用node.js写的，所以要先安装node.js。2、使用npm全局安装typescript进入命令行输入：npm i -g typescript3、创建一个ts文件4、使用tsc对ts文件进行编译进入命令行进入ts文件所在目录执行命令：tsc xxx.t
2022-02-11 16:21:02
719
原创 Uncaught ReferenceError: process is not defined 以及 “ERROR in ./node_modules/json-schema-ref-parser/“
梦幻联动啦 上篇帖子中引用完 @jsonforms时出现如下几个报错1、ERROR in ./node_modules/json-schema-ref-parser/lib/resolvers/http.js 3:13-282、ERROR in ./node_modules/json-schema-ref-parser/lib/resolvers/http.js 5:14-303、ERROR in ./node_modules/json-schema-ref-parser/lib/util/url.j
2022-02-08 15:57:23
6900
原创 React+TS+JSONForms 搭建项目
搭建步骤1、我们将使用create-react-app来构建一个基本的React应用程序本文需要在项目中使用typescript 所以使用如下命令npx create-react-app my-jsonforms-app --template typescript如果你不需要 那请用如下命令npx create-react-app my-jsonforms-app以上命令 二选一即可2、第一步骤创建完成后 cd到该项目中cd my-jsonforms-app3、运行以下命令 测试re
2022-02-08 14:28:19
811
原创 Mac中如何调整VirtualBox分辨率
未调整前解决方案顶部菜单栏——>View——>Virtual Screen 1——>Scale to xxx%调整后效果图
2022-01-13 11:13:03
510
原创 对ES6中Class类的理解
注意：1、类名：大驼峰 （Example）2、方法名：小驼峰 (changeProject)一、普通属性class Test { constructor(props) { ... } call() { ... }}let onePlus = new Test("aaa","bbb"); // onePlus:对象 Test:类onePlus.call(); // 对象调用总结：1、先class 后new2、new后面的是类3、普通属性 对象调用二、静态属性（s
2021-12-13 11:28:28
889
1
原创 React中报错 Uncaught ReferenceError: Reactdom is not defined
报错内容：解决方案：Reactdom 改为 ReactDOM 即可 （大小写问题）
2021-12-08 16:51:56
1518
1
原创 vue2和vue3总结（精简版）
阅读此帖时建议先阅读 带你体验Vue2和Vue3开发组件有什么区别 此文章一、建立datavue2v-model = "name"v-model = "age"data() { return{ name:'', age:'' }}vue3v-model = "state.name"v-model = "state.age"import {reactive} from 'vue'setup(){ const state = reactive({ name:'',
2021-11-25 10:24:19
620
1
原创 iview table tree可编辑指定列
先上效果图：需求：1、表格里放tree2、Formula列 可编辑下拉框3、Min、Max 可编辑数字输入框4、有且仅有一个编辑框显示在界面上实现：1、表格<Table row-key="id" :colunms="colunms" :data="tableData" border @on-expand-tree="onexpandtree"></Table>2、初始化参数data(){ return{ formulaList:[{ id:0,
2021-11-11 17:33:09
784
原创 vue-cli Failed to download repo vuejs-templates/webpack报错
报错原因：如题所示，通过vue-cli工具命令 vue init webpack vue_portal 创建vue项目的时候报错，提示连接超时，因为内网无法下载，超时错误截图如下：解决方案：改为离线创建，我们需要下载github仓库中的vue-templates/webpack，然后解压到本地。1、先在各自用户根目录下新建 .vue-templates 目录，注意文件夹名称前面的点(.)2、去外网下载webpack下载地址为：https://github.com/vuejs-template
2021-11-05 17:06:42
383
原创 npm镜像源如何设置
1、没有安装npm，先到node官网下载安装node.js(自带npm）。2、按win+r，输入cmd，打开dos命令。3、输入npm get registry：查看当前镜像源为 http://registry.npm taobao.org/4、输入npm config set registry xxx(镜像源地址)。内网镜像为例: npm config set registry http://xx.xx.xx.xx:8081/repository/npm-group/C:\workcode\vu
2021-11-05 15:53:59
17100
1
原创 iview table 自定义单元格背景色
效果图首先iview 官网有对单元格样式做过讲解单元格：通过给数据 data 设置字段 cellClassName 可以给任意一个单元格指定样式。1.初始化tableColumns: [{ title: "客户", key: 'companyName' }, { title: "区域", key: 'region' }, { title: "操作系统", key: 'os' }, { ti
2021-08-31 16:37:55
1138
原创 iview table 合并前三列
先上效果图需求:合并客户、区域、操作系统三列 (要点前后端需统一好返参顺序 合并内容需相邻 否则无法做循环判断)实现1.目前iview 官网上有合并列的例子 大家可以先去自行研究 这里就不再做过多的讲解 以效果图为例客户列:return [10,1] (10行1列) 其余 return [0,0] (表示合并0行0列，即这是被合并的单元格)区域列:return [8,1] 、return [2,1] 其余return [0,0]操作系统:return [2,1] 、return [1,1]、
2021-08-18 13:03:51
466
原创 vue iview动态循环的表单里的select下拉框的值不能重复选择
先上效果图:实现1.循环显示名称下拉框<!-- 成本中心 --><div v-for="(item,index) in costAllocationForm.apportionCostCenterRelationshipDTOList" :key="index"> <Row :gutter="4" style="margin-bottom:20px;"> <Col span="10"> <!--
2021-07-20 15:02:33
758
原创 vue+iview 动态循环表头+编辑单元格
先上效果图:需求:1.动态循环后端返回的表头 以及 表格数据2.鼠标悬浮动态列 显示key:value3.编辑table里的 单元格动态循环表头因为是后端返回表头数组 固用不了render 只能换种方式用slot动态循环显示表头 具体如下<Table :no-data-text="$t('common.noData')" :columns="tableColumns" :data="tableData" border> <!-- 资源ID --> &l
2021-07-02 14:38:03
673
原创 iview Row/Col栅格布局 Col空导致样式错乱
问题:“描述” 字段 后端返参为空 Col会往前移动一格解决: style=“min-height:1px;” <Col span="3" style="min-height: 1px;">{{tag.describe}}</Col>
2021-06-25 15:11:40
894
原创 vue+iview 动态表头全选功能
需求:动态表头分个人信息、工作信息、教育信息三个模块 每个小模块都有全选按钮 点击每个模块下的子checkbox 表格里的列根据表头顺序插入效果图:实现:1.动态表头<!-- 动态表头 --><Collapse> <Panel name="1"> <span style="font-size:13px;font-weight:600;">动态表头</span> <template sl
2021-06-09 18:00:54
503
2
原创 vue+iview 内网预览(本文重点)+外网预览word、excel、pdf、ppt
访问内网文件思路如下:1.后端将文件转为二进制文件流 word+excel将其转为html 从而实现文件预览2.pdf没这么复杂具体可看下文3.ppt的实现方式是后端将ppt转为pdf 然后调用pdf接口上众所期待的效果图:wordexcelpdf一、预览公网上的文件(较为简单 所以放第一)1.预览公网能访问的文件 使用XDOC就能实现//file_url是你的文件地址<a href="http://www.xdocin.com/xdoc?_func=to&_for
2021-05-28 21:14:17
4900
13
原创 html静态页面引用百度地图报错 BMap is not defined
报错内容1.出现这个错误，最可能的是引用的各个js的调用顺序有误，重新调整其引用顺序看看能否解决？2.引用的js文件本身有错。3.还有一个原因就是在你引用js时，路径出错，不是你项目中正确的文件路径。4.还有一个原因是你的js中有某些值是不存在的。解决问题由上面4点 检查自己代码 怀疑是js摆放位置导致的 遂尝试将放在单独地图页面内的js 放到封装好的请求头里 如下<script type="text/javascript" src="https://api.map.baidu.com
2021-05-21 14:19:55
950
2
原创 iview 多级循环表单验证
先上效果图需求:需要有多个明细 每个明细下的账号能多行添加(以及给Input Select加表单验证)<!-- 明细 --><div v-for="(item,index) in bankInformationForm.details" :key="index"> <Row :gutter="10" style="margin-bottom: 10px;"> <Col span="24"> <Car
2021-05-20 12:07:12
570
原创 SSI命令不起效
错误代码:<!-- #include file="bottom.html"--> 导致显示不出原因：<!--与#号间不能有空格，只有SSI指令与参数间存在空格正确写法:<!--#include file="bottom.html"-->
2021-05-18 19:18:24
161
原创 Mac下配置nginx、nginx里配置SSI、nginx配置默认首页
一、Mac下打开nginx安装目录/usr/local目录默认是对于Finder是隐藏，如果需要到/usr/local下去，打开Finder，然后使用command+shift+G，在弹出的目录中填写/usr/local就可以了。二、Mac下nginx环境配置详情参照 https://www.jianshu.com/p/31c9d412585a(感谢iOS_Xue)三、nginx下配置SSI首先进入/usr/local/etc/nginx/nginx.conf （配置文件路径）修改nginx.
2021-05-18 19:10:12
323
原创 vue v-if判断数组中是否存在某个值 做显示隐藏(iview
多选下拉框elasticComputeCloudWarningForm.noticeType=[0,1,2,3]<FormItem :label="$t('alarms.common.noticeType')" prop="noticeType"> <Select v-model="elasticComputeCloudWarningForm.noticeType" multiple style="width:300px;" :placeholder="$t('alarms.comm
2021-04-29 10:43:55
4351
原创 vue中 快速输入时 获取最后一次接口返回值
分页查询时 有多个Input搜索框 为了用户体验 分页查询时用了@on-change事件 也就是说 每做一次操作 就会调用后端分页查询接口 此时出现一个问题 在快速输入的时候 最后一次返回的值被前面的请求结果给覆盖了由于@on-change事件缘故 第一次传参是1(图一最后一次是12 (图二此时很明显看到 后端没有任何问题 但前端显示的效果是图二的返参数解决方案给分页接口加延时setTimeout(() => {}, 1000);// 分页显示数据/****************
2021-04-22 16:41:05
627
1
原创 vue+iview+echarts 循环显示echarts折线图且放大该图表
需求:一共有四种云平台类型分别为:Aws、阿里云、Azure、Vmware,针对这四种类型 循环显示各类型的直线图循环不同种类折线图<Row :gutter="16"> <Col span="6" v-for="(item,index) in (this.$route.query.accountTypeName=='AWS'? awsList:this.$route.query.accountTypeName=='Aliyun'? alyList:this.$route.que
2021-04-21 14:27:00
781
原创 vue中 v-for里加三元表达式 多个判断
<!-- 折线图 --><Row :gutter="16"> <Col span="6" v-for="(item,index) in (this.$route.query.accountTypeName=='AWS'? awsList:this.$route.query.accountTypeName=='Aliyun'? alyList:this.$route.query.accountTypeName=='Azure'? azureList:vmwareLis
2021-04-19 16:22:04
3365
2
原创 vue+iview 表单验证不成功会关闭弹窗 解决方案
问题来源一个项目里必然会有表单提交需求 表单里必定会有必填字段 那么点击"提交"按钮时 如果必填项未填 Modal弹出框是不能关闭的 但现在相反 弹窗关闭了 解决方案如下表单<Modal v-model="employeeEntryInformationModel" title="添加入职信息'" @on-cancel="cancel('employeeEntryInformationForm')" @on-ok="submit('employeeEntryInformationForm')"
2021-01-26 17:53:07
947
1
原创 vue 取两位小数且打千分号、vue 仅打千分号
在做账单需求时常会出现以下两种情况一、取两位小数且打千分号<h4>{{item.currencyDesc}} {{item.cost.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,')}}</h4>二、仅打千分号<h4>{{item.usageQuantity.toLocaleString()}}</h4>...
2020-12-15 17:59:32
419
原创 echarts x轴左右都是正数 将负数转化为正数
原图代码option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, formatter:function(params) { var relVal = params[0].name; for (var i = 0, l = params.length; i <
2020-12-11 15:55:24
1016
原创 winscp上创建用户名密码 该用户在所需目录下拥有所有权限
打开Xshell2.ssh 10.255.3.86PEM密钥sudo useradd yilia（用户名）sudo passwd yilia (密码)sudo chown yilia:yilia /usr/share/nginx/html/ (赋予yilia用户此目录所有者权限)sudo vi /etc/ssh/ssh_config（修改配置文件 允许密码登录）/passPasswordAuthentication按i进入修改模式把no改为 yes按ESC 退出编辑模式.
2020-12-11 15:28:40
1585
原创 Vue 项目启动抛出 Syntax Error/ Unexpected token
报错内容错误原因1.ES6 新增了不少标识符，但浏览器大多无法直接识别，需要借助 babel 对 ES6 代码进行转义2.项目启动时抛出如下错误，表示 … 运算符没能被识别，该运算符属于 ES6 的解构运算符3.出现该问题的原因基本上可以定位是项目没有配置 babel 即使package.json 文件中已经引入 babel ，但仍然需要在项目根目录创建一个 .balbelrc 文件进行配置解决方式在项目根目录创建 .babelrc 文件即可实现对 babel 的基本配置{ "preset
2020-12-03 15:54:11
1390
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人