你离优秀差多少-优快云博客

问题：前端项目用淘宝镜像cnpm i 下载依赖出现报错：解决方法：提示信息：系统禁止运行脚本。这时我们需要更改系统的执行策略，使得脚本能够在我们的系统上执行。1.以管理员身份运行 Windows PowerShell2.执行命令 set-ExecutionPolicy RemoteSigned更改执行策略3.再输入A4.验证一下是否成功了：输入get-ExecutionPolicy，若是提示了 RemoteSigned 就代表成功了系统回复Restricted，表示状态是禁止的5 如

2022-04-29 09:08:44 317

原创 Vue套用hiprint插件实现打印分页

一、Vue下依赖包npm i easy-print二、代码1.引入：import hiprint from 'easy-print'//引入hiprintimport panel from './panel.js'//引入打印样式2.data里声明模板变量：hiprintTemplate: new hiprint.PrintTemplate({ template: panel }),3.在打印按钮调用方法：hiprintContent(){ //给模板字段赋值 va.

2022-04-26 14:19:09 7434 12

转载基于vue的用js实现鼠标拖拽改变div宽高

一、vue页面引入css和公共组件<template> <div class="all">  <div class="drag-main"> <h2>两列的左右拖动改变div大小</h2> <div id="twoBox" class="drag-two-box"> <div id="twoleft" class="drag-two-le.

2022-03-31 16:54:47 2943 3

原创封装element懒加载树形控件

页面如下：接口返回的数据：[外链图片转存中…(img-QhygETYk-1647927757255)]1.根据ChildrenNum的数值判断下面有几个子节点，是否显示展开图标2.传FItemID给接口代码如下：<template> <el-tree accordion :props="props" :

2022-03-22 13:53:19 990

原创 vxe-table在线查看PDF及图片

if (fileExt.toUpperCase()=='PDF'){ alwayShowPdfRef.value.openDialog(fileID,fileName); } //图片 if (fileExt.toUpperCase()=='PNG'||fileExt.toUpperCase()=='JPG'||fileExt.toUpperCase()=='BMP' ||

2022-02-28 11:05:25 802

原创请求传参带特殊符号

将这些字符转化成服务器可以识别的字符，对应关系如下：1.+ replace(/+/g, ‘%2B’)2.& replace(/&/g, ‘%26’)

2021-12-24 10:34:16 346

原创 js全屏显示

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button id="btn" .

2021-12-24 09:15:34 879

原创 vue生成二维码vue-qr

1.安装依赖包npm i vue-qr2.使用二维码text：二维码扫描出来显示的内容logoSrc：二维码中间的图片size：二维码的大小margin：设置外边距（不设置默认是20px）<template> <vue-qr ref="Qrcode" :text="arr.text" :logoSrc="arr.logo" :size="45" :margin="5":callback="test" qid="testQrId"> .

2021-12-16 15:39:57 465 1

原创 vue前端接收后端URL导出elsx

1.引入导出URL方法export const download = (urls) => { let name = urls // let url = window.URL.createObjectURL(new Blob(config.url + urls)); //创建下载链接 let link = document.createElement('a') // 创建a标签 link.style.display = 'none' // 将a标签隐藏 link.href = wi

2021-12-16 15:19:37 715 1

原创 vue页面打印可自动分页

1.可填写打印张数，自动分页，在浏览打印中设置纸张大小、边距及缩放调整位置，使打印页面居中。如图所示2.详细代码如下 <Modal width="250" :mask-closable="false" v-model="modalShow" title="标签打印"> <Table stripe :columns="modal_title" :data="modal_data"></Table> <d

2021-12-16 11:05:07 7034 1

原创判断数组中是否包含某值

1.indexOf ：判断数组中是否存在某个值，如果存在，则返回数组元素的下标，否则返回-1let arr=[1,2,3];let index=arr.indexOf(2);console.log(index);2.includes ：判断数组中是否存在某个值，如果存在返回true，否则返回falselet arr=[1,2,3]arr.includes(2) ? console.log("存在") : console.log("不存在")3.find ：返回数组中满足条件的第一个元素的值

2021-12-07 09:30:54 21795

原创 iview table后端分页多选回显

问题：表格翻页上一页选择的数据丢失（采用的是后端分页每次翻页会直接刷新为新数据）思路：给table渲染数据加上_checked=true，会显示已选中主要代码：@on-select="changes"@on-select-cancel="handleCancelRow"@on-select-all="handleSelectAll"@on-select-all-cancel="handleCancelSelectAll"this.selected是选择的所有数据CODE是数据里辨识唯一的

2021-11-18 17:34:11 1160 4

原创 vue+iview InputNumber手动鼠标输入不受限制

问题：写了最大值最小值的限制，鼠标手动输入时还是能够脱离控制超出范围解决方法：加入:active-change="false"属性1.正常组件中<InputNumber :max="9" :min="1" v-model="num" :active-change="false" ><InputNumber/>2.render函数中{ title: "装箱数", width: 120, render: (h, params)

2021-10-29 09:54:09 454 1

原创 iview下拉框超出弹窗被遮挡

1.添加transfer属性<FormItem label="客户" prop="cust"> <Select v-model="formProject.cust" transfer filterable> <Option v-for="item in cityList7" :value="item.ID" :key="item.ID" >{{ item.NAME }}</Option>.

2021-10-27 11:13:07 736

原创 vue下拉框（选择框）动态取值

1.在下拉框加上change方法@on-change=""<FormItem label="客户" prop="cust"> <Select @on-change="getCustName" v-model="modalFormItem.cust" filterable> <Option v-for="item in cityList7" :value="item.ID" :key="item.ID" >{{ item.NAME }}&lt

2021-10-27 08:43:20 4837 1

原创 iview表格render、renderHeader函数this指向问题

问题：项目里给表头使用renderHeader函数添加点击事件，this指向underfind方法：在data里把当前vue实例缓存备用data () { var self = this // 存储当前vue实例this ★ return { user_columns: [ { // title: "客户", key: "NAME", renderHeader(h, params){

2021-10-22 14:42:51 401

空空如也

空空如也