- 博客(70)
- 收藏
- 关注
原创 使用uniApp+vue3+Vite4+pinia+sass技术栈构建微信小程序
使用uniApp的cli模式安装,可以使用vscode开发。不用再单独去下载HBuilderX.
2024-01-25 15:49:20
1472
1
原创 uniapp+vue3+vite+ts搭建项目引入uni-ui和uviewPlus组件库
src/package.json 文件配置easycom模式。(如命令行创建失败,请直接访问 gitee下载模板)首先使用官方提供的脚手架创建一个项目。
2023-06-28 14:40:43
4087
原创 vscode配置自定义代码片段模板
把模板复制到左侧 your snippet 里面,右侧就会生成配置模版,同时可以设置模板名称和快捷命令。把右侧生成的配置模版,放在xx.json里;prefix后面的名字是前置代号。
2023-05-04 11:12:38
361
原创 vue3父子组件传值调用方法
子组件:使用emit方法传值,使用defineExpose暴露出去。父组件:使用ref获取子组件内容,调用子组件方法。子组件showTime.vue。
2023-02-10 17:32:20
203
原创 cnpm i 无法加载文件 C:\Users\12738\AppData\Roaming\npm\cnpm.ps1,因为在此系统上禁止运行脚本
问题:前端项目用淘宝镜像cnpm i 下载依赖出现报错:解决方法:提示信息:系统禁止运行脚本。这时我们需要更改系统的执行策略,使得脚本能够在我们的系统上执行。1.以管理员身份运行 Windows PowerShell2.执行命令 set-ExecutionPolicy RemoteSigned更改执行策略3.再输入A4.验证一下是否成功了:输入get-ExecutionPolicy,若是提示了 RemoteSigned 就代表成功了系统回复Restricted,表示状态是禁止的5 如
2022-04-29 09:08:44
275
原创 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
6813
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
2848
3
原创 封装element懒加载树形控件
页面如下:接口返回的数据:[外链图片转存中…(img-QhygETYk-1647927757255)]1.根据ChildrenNum的数值判断下面有几个子节点,是否显示展开图标2.传FItemID给接口代码如下:<template><!-- expand-on-click-node为false只有点图标才会展开收缩节点;accordion每次只打开一个同级树节点 --> <el-tree accordion :props="props" :
2022-03-22 13:53:19
952
原创 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
733
原创 请求传参带特殊符号
将这些字符转化成服务器可以识别的字符,对应关系如下:1.+ replace(/+/g, ‘%2B’)2.& replace(/&/g, ‘%26’)
2021-12-24 10:34:16
323
原创 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
823
原创 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
428
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
673
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
6582
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
21585
原创 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
1047
3
原创 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
408
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
675
原创 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 }}<
2021-10-27 08:43:20
4645
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
354
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人