×

typescript

vue3:setup语法糖

ohblue ohblue 发表于2024-04-26 浏览11139 评论0
1.setup语法糖简介 直接在script标签中添加setup属性就可以直接使用setup语法糖了。 使用setup语法糖后,不用写setup函数;组件只需要引入不需要注册;属性和方法也不需要再返回,可以直接在template模板中使用。 <template> <my-component @click="func" :numb="numb"></my-component> </template> <script lang="

typescript

解决Vue3中使用setup如何定义组件的name属性

aloha aloha 发表于2024-04-26 浏览14508 评论0
问题:解决Vue3中使用setup如何定义组件的name属性 描述:这几天在尝试改写基于vue2的组件至vue3版本,使用了最新的setup也就是如下这种方式编写组件 <script lang="ts" setup> // ...代码块 </script> 由于个人还是比较喜欢Element那种组件注册方式,也就是如下 import TButton from './src/index.vue'; TButton.install = (Vue) => {

typescript

Vue3 Element-plus大文件分片上传组件 (elementui分片上传)

DomyselfYuzhendong DomyselfYuzhendong 发表于2024-04-26 浏览4792 评论0
一、背景 实际项目中遇到需要上传几十个G的3d模型文件,传统上传就不适用了。 结合element提供的上传组件自己封装了文件分片上传的组件。 思路: 把文件拆分成若干分片 依次上传分片(每次上传前可校验该分片是否已经上传) 发起合并分片的请求 二、技术栈 Vue3+Ts+Element-Plus 其他库:spark-md5 后端接口: 上传分片接口 校验分片是否已上传接口 合并分片接口 三、核心代码实现 Element组件基础配置 <el-upload drag

typescript

TypeScript 全面介绍

汝壹 汝壹 发表于2024-04-25 浏览88612 评论0
目录 TS(TypeScript) 1. TS的安装和配置 2. 第一个TS程序(举例) 3. 配置自动编译 4. 变量声明 5. 函数 6. 重载 7. class 8. 接口 9. 模块化开发 TS(TypeScript)         旧 JS 是弱类型语言,一个变量先后可以保存不同类型的数据,这样极不可靠;而且旧 JS 是解释执行语言,一边解释一边执行,导致一 些低级错误无法提前检查和预警;此外旧 JS 对对象要求不够严格,开发人员想怎么写就 怎么写,不便于大

typescript

基于vue-element-admin升级的Vue3+TS+Element-Plus版本正式开源,有来开源组织又一精心力作

友情链接 友情链接 发表于2024-04-25 浏览12700 评论0
项目简介 vue3-element-admin 是基于 vue-element-admin 升级的 Vue3 + Element Plus 版本的后台管理前端解决方案,是 有来技术团队 继 youlai-mall 全栈开源商城项目的又一开源力作。 项目使用 Vue3 + Vite2 + TypeScript + Element Plus + Vue Router + Pinia + Volar 等前端主流技术栈,基于此项目模板完成有来商城管理前端的 Vue3 版本。 本篇先对本项目功能、技

typescript

tsconfig.json 详解与常用配置(笔记)

simoore simoore 发表于2024-04-25 浏览4536 评论0
概述 参考文档:tsconfig.json · TypeScript中文网 · TypeScript——JavaScript的超集 (tslang.cn) 如果一个目录下存在一个tsconfig.json文件,那么它意味着这个目录是TypeScript项目的根目录。 tsconfig.json文件中指定了用来编译这个项目的根文件和编译选项。tsconfig.json文件可以是个空文件,那么所有默认的文件都会以默认配置选项编译。 在命令行上指定的编译选项会覆盖在tsconfig.j

typescript

Vue3+TypeScript项目报错: 找不到名称“require”。是否需要为节点安装类型定义?

- - 发表于2024-04-25 浏览6385 评论0
问题:Vue3+TypeScript项目编写代码时报错:找不到名称“require”。是否需要为节点安装类型定义?请尝试使用 npm i --save-dev @types/node。 描述:今天在开发项目时(项目框架为Vue3+TypeScript)需要 动态引入静态资源,也就是img标签的src属性值为动态获取,按照以往的做法直接是require引入即可,如下代码: <img class="demo" :src="require(`../../../assets/image/${i

typescript

vue复杂表格单元格合并 根据数据动态合并(vue table合并单元格)

?₂₀₀₁₁₁₀₁ ?₂₀₀₁₁₁₀₁ 发表于2024-04-25 浏览4489 评论0
我们在开发中最常见的就是表格,而往往有一些复杂表格都不大好实现,对于合并单元格不是固定的,而是需要根据数据是否相同去动态设置合并的表格,本文把方法分享给大家,可以根据数据动态生成合并单元格,无论导出需求还是显示需求都不需要发愁了。 一. 使用element的span-method方法实现合并 1. 首先绘制表格,绑定合并方法:span-method=“objectSpanMethod4” <!-- 列的合并 --> <el-table ref="tableDD

typescript

Vue3 中的 @Options,是做什么的?

下岗青年 下岗青年 发表于2024-04-25 浏览8410 评论0
@Options 是个啥? @Options 是 Vue Class Component (8.x版) 提供的一个装饰器 (Decorator),目的是使 Vue 开发者可以用 类语法 的风格来定义组件 (Class-Style Component)。 也就是说,以前是通过传入选项来定义一个组件的,现在通过 @Options,可以把组件当作一个类,用定义类的语法来定义组件。 补充说明: 在进行 Vue + TypeScript 开发时,Class-Style Componen

typescript

【TypeScript】深入学习TypeScript类(下)

愿林 愿林 发表于2024-04-25 浏览12645 评论0
🚀 TypeScript学习:TypeScript从入门到精通 🚀 TypeScript类(上篇):TypeScript类(上篇) 🚀 蓝桥杯真题解析:蓝桥杯Web国赛真题解析🚀 个人简介:即将大三的学生,热爱前端,热爱生活🍬 🚀 你的一键三连是我更新的最大动力❤️! 🏆分享博主自用牛客网🏆:一个非常全面的面试刷题求职网站,真的超级好用🍬 🍂 前言 最近博主一直在创作TypeScript的内容,所有的TypeScript文章都在我的TypeScript从入门到精通专栏里,

typescript

【TypeScript】深入学习TypeScript模块

kangs kangs 发表于2024-04-25 浏览8534 评论0
👉 TypeScript学习:TypeScript从入门到精通 👉 蓝桥杯真题解析:蓝桥杯Web国赛真题解析 👉 个人简介:即将大三的学生,热爱前端,热爱生活🍬 👉 你的一键三连是我更新的最大动力❤️! 🏆分享博主自用牛客网🏆:一个非常全面的面试刷题求职网站,真的超级好用🍬 前言 博主一直在牛客网刷题巩固基础知识,快来和我一起冲关升级吧!点击进入牛客网 最近博主一直在创作TypeScript的内容,所有的TypeScript文章都在我的TypeScript从入