HTLF

一步一个脚印,走出高度...

导航

随笔分类 -  前端开发

1 2 3 下一页

vue+element 开发表单局部认证与全部认证
摘要:全部认证 <el-form ref="examFrom" :model="examFrom" label-width="120px" :size="$store.getters.size" > <el-row> <el-col :span="12"> <el-form-item label="考试月 阅读全文

posted @ 2025-07-17 17:11 HTLF 阅读(10) 评论(0) 推荐(0)

前端开发免费AI助手推荐
摘要:通义灵码 通义灵码 CodeGeeX 智能编程助手 CodeGeeX Fitten Code Fitten Code webstorm 自带AI编程插件 Full Line Code Completion 阅读全文

posted @ 2025-07-17 09:58 HTLF 阅读(31) 评论(0) 推荐(0)

vue3 路由跳转方式
摘要:方式一 <div @click="router.push('/contractDetail')">跳转</div> import { useRouter } from 'vue-router' const router = useRouter() 方式二 import { useRouter } f 阅读全文

posted @ 2025-06-17 13:59 HTLF 阅读(35) 评论(0) 推荐(0)

Element ui开发常见问题记录
摘要:阻止事件冒泡 语法:@click.native.stop 比如:在表格里面有input输入功能 <t-lable ... :page-sizes="[10,20,30,50]" @on-all="allSubject" @pagination="onExamSubjectPagination" > 阅读全文

posted @ 2025-05-14 10:04 HTLF 阅读(87) 评论(0) 推荐(0)

vue+ts项目常见问题及解决方案
摘要:无法找到模块@/views/Login.vue的声明文件。 错误的原因:typescript 不能识别 .vue 文件 解决方法: 在项目vite-env.d.ts文件中添加以下代码 declare module '*.vue' { import { ComponentOptions } from 阅读全文

posted @ 2025-03-05 10:51 HTLF 阅读(78) 评论(0) 推荐(0)

vue前端,获取数据,打包压缩包下载
摘要:// 最好是定义一个表个通用数据,循环得到相关数据 const tableHeader = ref([ { header: '订单', key: 'index', width: 24 }, { header: '编号', key: 'number', width: 100 }, { header: 阅读全文

posted @ 2025-02-12 16:52 HTLF 阅读(58) 评论(0) 推荐(0)

html 下载文件方法
摘要:a标签下载 绑定行内,直接下载 <a target="_blank" href="文件地址" "download="下载名称,需要添加后缀" onclick="onclick()">下载</a> 通过js创建a标签,下载 // 创建a标签 const link = document.createEl 阅读全文

posted @ 2025-02-12 14:19 HTLF 阅读(534) 评论(0) 推荐(0)

A页面跳转到B页面,不正常显示问题
摘要:需要再head标签体中添加 meta 标签 <meta name="referrer" content="no-referrer"/> 阅读全文

posted @ 2025-02-12 09:53 HTLF 阅读(5) 评论(0) 推荐(0)

vue 基于exceljs导出Excle
摘要:安装依赖 exceljs插件 file-saver下载插件 npm i exceljs npm i file-saver 引用 import * as ExcelJS from 'exceljs' import FileSaver from 'file-saver' 使用 // 设置标题列 cons 阅读全文

posted @ 2025-01-16 15:25 HTLF 阅读(22) 评论(0) 推荐(0)

前端获取dom结构,转成多文件导出压缩包下载
摘要:需要插件 jszip file-saver 引入 <script src="~/lib/jszip/jszip.js?t=@jsAndCssVersion"></script> <script src="~/lib/jszip/FileSaver.min.js?t=@jsAndCssVersion" 阅读全文

posted @ 2025-01-08 18:09 HTLF 阅读(24) 评论(0) 推荐(0)

微信小程序配置全局属性
摘要:配置全局属性 在根目录app.js中新增配置 // app.js App({ data:{ // url getUrl:'https://cc.tianlaijiaoyu.com', showTitle:'复制成功,请前往浏览器打开链接咨询', getPhoneNumber:'400-6900-22 阅读全文

posted @ 2025-01-03 10:51 HTLF 阅读(22) 评论(0) 推荐(0)

微信小程序富文本内容样式修改
摘要:一、使用js操作 1、方式,在获取api返的数据时操作 // 获取文章 getArtic(){ wx.request({ url: `${app.data.getUrl}/api/News/GetFormJson`, method:"GET", data:{ Id: this.data.query. 阅读全文

posted @ 2025-01-03 10:44 HTLF 阅读(364) 评论(0) 推荐(0)

前端开发样式居中汇总
摘要:居中 块元素margin margin: 0 auto; 使用transform() 当前元素 margin-left: 50%; transform: translate(-50%, 0); 阅读全文

posted @ 2024-10-31 16:12 HTLF 阅读(13) 评论(0) 推荐(0)

常用js方法
摘要:json数据按照某个key值分类使用Object.groupBy() 语法Object.groupBy(items, callbackFn) items:一个可迭代对象(如数组),包含你想要分组的元素。 callbackFn:一个回调函数,对每个元素执行。这个函数应该返回一个可以转换为属性键(字符串 阅读全文

posted @ 2024-10-10 17:38 HTLF 阅读(14) 评论(0) 推荐(0)

1 2 3 下一页