仿真项目
文章平均质量分 70
地瓜没有花
这个作者很懒,什么都没留下…
展开
-
vue实现图片剪裁(vue-cropper组件)并上传到服务器
vue-cropper官网:vue-cropper安装npm install vue-cropper --save使用main.js文件import VueCropper from 'vue-cropper'Vue.use(VueCropper)展示页面<template> <div class="info-img"> <upload-img ref="headImg" :imageUrl.sync="ruleForm.headImg" /&g.原创 2021-03-18 11:36:45 · 577 阅读 · 0 评论 -
vue项目打包部署时报错,即 npm run build 时报错 “EPERM: operation not permitted, lstat”
在使用vue-cli做项目时,npm run build打包项目时报错,如下图:尝试:将dist文件删除也不行,说是必须获取管理员权限,然而也没有找到在哪获取管理员权限;将编译器关掉重启,或者在编译器中重新打开项目代码。。。都不行。原因:在此打包部署之前我刚王服务器部署了一版,就一直打开着xftp软件没有关,如下图:这就意味着dist文件夹和Xftp一直关联着。解决方法:将Xftp软件关掉,即断开将要打包部署的项目和文件传输软件Xftp两者的关联,就可以啦!!!...原创 2020-12-21 16:41:50 · 1987 阅读 · 0 评论 -
element Popover 弹出框样式修改
问题描述如上图所示:取值范围的卡片上显示的是两个两条数据。解决方法有两种方案: 一是增加弹出框的宽度;二是将内容省略显示;很显然第一种方式实现尺度不好掌握,增加到多宽算合适呢?故选择第二种方案:在弹出框上加个内容省略显示的样式限制。element官网上:<el-popover placement="left" width="auto" popper-class="popover-self" trigger="hover"> <el-table :data="record原创 2020-12-07 09:56:16 · 5181 阅读 · 0 评论 -
盘点js中的骚操作(持续更新)
盘点js中的骚操作1.强制转换1.1强制转换为boolean 用 !!1.2强制转换为Number 用 +1.3强制转换为String 用 ""+1.强制转换1.1强制转换为boolean 用 !!var bool = !!“c”;console.log(typeof bool); // boolean1.2强制转换为Number 用 +var num = +“1234”;console.log(typeof num); // number1.3强制转换为String 用 “”+var s原创 2020-12-01 16:19:54 · 217 阅读 · 0 评论 -
vue 中的 table上设置column.ellipsis让单元格内容根据宽度自动省略,鼠标hover上显示完整内容
官网实例<template> <a-table :columns="columns" :data-source="data"> <a slot="name" slot-scope="text">{{ text }}</a> </a-table></template><script>const columns = [ { title: 'Name', dataIndex: 'name原创 2020-11-25 14:10:38 · 3933 阅读 · 0 评论 -
vue+ant design中select选择框增加模糊查询功能
官网示例<template> <a-select show-search placeholder="Select a person" option-filter-prop="children" style="width: 200px" :filter-option="filterOption" @focus="handleFocus" @blur="handleBlur" @change="handleChange"原创 2020-11-25 13:02:31 · 6677 阅读 · 8 评论 -
jquery实现鼠标hover后背景色改变样式
1.实现效果描述例如:当鼠标hover到参数值时,参数值的背景色改变,该列的其他数据背景色不变,同时展示出参数值的取值范围。2.原现象描述一开始没有单独做限制,使用的组件默认样式;后来对table的样式进行重写,但还是不能兼容实现要求的现象,要么只能实现鼠标hover到参数值时只改变参数值的背景,此时当鼠标再hover到其他数据时背景色都不会改变了;要么鼠标hover到参数值时,不仅参数值背景色改变,该行的其他数据的背景色也改变。3.代码实现使用jquery实现,并且要同时在分页方法和拉取数据原创 2020-11-20 17:26:13 · 1611 阅读 · 0 评论 -
css实现内容显示不换行(word-break: break-all;)
问题现象代码修改在样式中加word-break: break-all;改后样式原创 2020-11-20 17:24:28 · 482 阅读 · 0 评论 -
vue实现文件上传格式限制(accept)
如下图所示:代码实现:<a-upload accept=".png, .jpg, .jpeg" name="file" :multiple="false" :before-upload="beforeUpload" :customRequest="data=>customRequest(data,'left')" :show-upload-list="false"> <i class="iconfont iconedit-fill"><原创 2020-11-20 17:20:28 · 10487 阅读 · 4 评论 -
vue 中的 Table 实现新增时的正确页面跳转
实现表格新增数据自动分页问题描述代码实现问题描述组件自带的属性是每页展示十条数据,多了就增加到下一页,即具有分页功能,但是却不能自动进行分页跳转,即当增加第十一条数据的时候,输入框在第二页中,但是此时看到的页面仍然是第一页,也就不能正常进行数据的增加。代码实现首先在table中增加change方法用来实现点击分页和绑定分页器pagination实现自动分页;<a-table @change="changePage" :pagination = "pagination"></原创 2020-10-19 15:25:20 · 1653 阅读 · 0 评论 -
data定义的数据和使用props传值的数据不能同名
报错The data property "editingKey" is already declared as a prop. Use prop default value instead.是因为data定义的数据和使用props传值的数据同名了,应该把data定义中的删去。正确写法:<a-button :disabled="editingKey">确定</a-button>props: ["editingKey"],...原创 2020-09-22 10:58:41 · 2166 阅读 · 0 评论 -
vue --- 报错“Cannot read property ‘value‘ of undefined“ --- 需取值前判断
取值前判断无论是在HTML中还是在JS中,取值使用前都要进行值是否存在的判断处理。否则容易报Cannot read property 'value' of undefined的错误,如下图所示:上图就是在设置访问状态的默认初始值时没有进行值的判断出现的错误。原代码:<a-form-item label="访问状态"> <a-radio-group v-decorator="['accessState',{initialValue: accessState[0].value原创 2020-09-15 11:37:58 · 8984 阅读 · 0 评论 -
vue 组件传值---父子组件之间的传值
在Vue中,父子组件的关系可以总结为prop向下传递,事件向上传递。父组件通过prop给子组件下发数据,子组件通过事件给父组件发送信息。更详细的点击下方链接:组件传值1.父组件向子组件传值props1.1子组件先定义一个子组件,在组件中注册props如果需要从父组件中获得message的值,需要props:[message],此时是当不需要检测是否是string类型时的写法,在props中添加了元素后,就不需要在data中再添加变量了。props: ["dictTypeId"],//传字符串格式原创 2020-08-28 11:02:24 · 746 阅读 · 0 评论 -
单选框Radio的具体实现(加默认值)
单选框的具体实现代码1.需求描述2.代码实现2.1样式代码2.2获取数据2.3提交数据1.需求描述2.代码实现2.1样式代码<a-form-item label="性别"> <a-radio-group v-decorator="[ 'sex', is_add ? { initialValue: sex[0].value,原创 2020-08-26 11:28:10 · 1475 阅读 · 0 评论 -
树形穿梭框el-tree-transfer(Vue el-tree与el-transfer的结合) --- 解决搜索时子节点和父节点不同步问题
问题描述在穿梭框中搜索父节点时,其下的子节点不能被一起搜索到,但是搜索子节点时,其上的父节点会被搜索到。解决代码先上代码:/* * @fun:自定义搜索逻辑 * @params:query输入的要检索的关键字,item当前遍历的节点 * 作用:会将树从上往下(包括父子节点)进行顺序遍历 * */filterMethod(query, item) { // 判断是不是第一次查询,是的话,将首节点赋值 //firstKey:缓存首节点key值,为了避免二次搜索时上一次的检索条件原创 2020-08-26 10:37:57 · 2778 阅读 · 4 评论 -
仿真项目---样式修改总结
样式修改1.子表样式淡化1.1原样式1.2修改后样式1.3详解1.3.1 `box-shadow`1.3.2 `border-top`1.子表样式淡化1.1原样式原代码样式tr.ant-table-expanded-row{ box-shadow: 0 5px 10px #333333;}1.2修改后样式修改后代码tr.ant-table-expanded-row{ box-shadow: 0 1px 10px #d2d0d0;}.ant-table-small原创 2020-08-18 14:55:16 · 241 阅读 · 0 评论 -
仿真项目---知识点总结
总结1.取对象中的值2.字段拼接2.1分页查询2.2下拉选框或者多选树结构2.2.1对象形式2.2.2字典类型3.等号3.1“==”3.2“===”4.isNaN() 函数用于检查其参数是否是非数字值5.解决赋值有延迟问题1.`setTimeout(() => {}, 500);`2.`this.$nextTick(() => {});`1.取对象中的值例如:取f_assessment_task.f_assessment_task_name字段形式写法:JSON.parse(record原创 2020-08-14 18:17:17 · 748 阅读 · 0 评论