VUE3+TS

Vue--》打造个性化医疗服务的医院预约系统（五）

今天开始使用vue3+ts搭建一个医院预约系统的前台页面，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GithHub上
亦世凡华、·2023-08-11 09:11

搭建一个vue3+ts项目（超祥/必看）

一、创建vite项目1、在一个文件夹下通过cmd打开，输入命令npmcreatevite@latest2、接着选择ts3、创建好之后，结构目录如下：二、启动vite项目1、安装依赖启动项目前需要先npmi，从上图可以发现vite不会自动帮助我们install相关的依赖，需要我们手动去安装npmi2、此时再通过npmrundev就启动好了三、处理一些配置问题1、当我们打开一个引入vue的页面，会发现
爱吃烧鸭蛋的叶安·2023-08-11 03:12

vue3+ts使用vue-router4的使用

vue3+ts使用vue-router跳转vue3路由使用vue3+ts使用vue-router跳转前言一、路由（router）是什么？
bigSmileZ·2023-08-10 13:57

vue3+ts markdown文件展示（图片上传、自定义锚点）、编辑、下载

vue3markdown编辑器编辑，保存；后端存数据库（解析指定内容）并前端预览下载背景话接上篇，搞出来pdf文档展示，然后跟产品演示产品：不行，这根本没法用，我要目录生成，并且跳转到指定内容，并且能搜索，能复制；ps:提需求的时候不说，做完了演示的时候说了：）我：那pdf做不了。。。。；产品：那你自己想想其他方案吧，文档格式不限；我：？？？？最开始不是要pdf么；话不多说，换新的方案，我第一个想
小小杜w·2023-08-10 12:43

【TS第三讲】完善TS开发环境

文章目录写在前面ts-nodenodemonnodemon文件类型nodemon文件范围写在最后写在前面探索TypeScript世界，驭Vue3+Ts潮流，开启前端之旅！欢迎来到前端技术的精彩世界！
几何心凉·2023-08-10 09:08

mousedown拖拽功能(vue3+ts)

因为项目有rem适配，使用第三方插件无法处理适配问题，所有只能自己写拖拽功能了拖拽一般都会想到按下，移动，放开，但是本人亲测，就在div绑定一个按下事件就行了（在事件里面写另外两个事件），另外两个绑上，会莫名其妙卡死，那种莫名其妙的问题推荐几个开发调试时使用的第三方拖动插件吧，虽然没用上，但是他们是真的好vue-drag-resize和vuedraggable，其中前者更轻量化，后者功能更全主要功
小旋风01234·2023-08-09 07:55

记录 Vue3 + Ts 类型使用

阅读时长:10分钟本文内容：记录在Vue3中使用ts时的各种写法.类型大小写vue3+ts项目中，类型一会儿大写一会儿小写。怎么区分与基础类型使用?
MagicTangc·2023-08-04 17:19

教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023

1.本篇适用范围与目的1.1.适用范围严格使用Vue3+TypeScript的前端项目，包管理器默认使用pnpm构建工具使用Vite4使用原生CesiumJS依赖做应用开发客户端渲染，因为我不太熟悉Vue的服务端渲染，有本篇的介绍后，熟悉SSR的读者可以自己接入单页应用，多页应用也可以参考此法鉴于国内使用CesiumJS的比例大多数为应用开发（粗话即“APICaller”），而非扩展开发（基于源码
2201_75761617·2023-08-04 12:56

vite+typescript项目 ：找不到模块“./***.vue”或其相应的类型声明——解决方案

vue3+ts报错：找不到模块“./App.vue”或其相应的类型声明。
陈福国·2023-08-03 19:45

vue3+ts 找不到模块“./App.vue”或其相应的类型声明。

vue3+ts项目中在编辑中出现这种提示解决办法新建env.d.ts文件或者如果原有env.d.ts文件，则加入以下代码即可declaremodule'*.vue'{importtype{DefineComponent
蛋蛋的老公·2023-08-03 12:39

瀑布流的简单实现（vue3+ts）

效果图：1.通过父组件传递基础数据给子组件importwaterFallfrom'./components/water-fall.vue';constlist=[{height:300,background:'red'},{height:400,background:'pink'},{height:500,background:'blue'},{height:300,background:'gra
拾荒旧痕·2023-08-02 13:23

解决 Cannot find module ‘element-plus/es/popper ‘ or its corresponding type declarations.

vue3+ts项目打包报Elementui内部的错Cannotfindmodule'element-plus/es/popper'oritscorrespondingtypedeclarations.出现这个报错的时候
这是个问题·2023-08-01 12:03

vue3+ts 改中文报错 无法找到模块“element-plus/dist/locale/zh-cn.mjs”的声明文件 解决

根据提示在d.ts文件添加declaremodule'element-plus/dist/locale/zh-cn.mjs';代码
Sun._·2023-08-01 12:31

vue3+ts 改中文报错 Could not find a declaration file for module ‘element-plus/dist/locale/zh-cn.mjs‘.

在更改ElementPlus的分页器组件时使用国际化会报错在env.d.ts文件中添加如下代码即可解决declaremodule'element-plus/dist/locale/zh-cn.mjs';
Mr.wang 8080·2023-08-01 12:00

vue3+ts 报错提示 找不到模块“./XXX.vue”

在src下创建.d.ts文件加入以下代码即可解决declaremodule'*.vue'{importtype{DefineComponent}from'vue'//eslint-disable-next-line@typescript-eslint/no-explicit-any,@typescript-eslint/ban-typesconstcomponent:DefineComponent
百事可乐☆·2023-07-31 23:16

vue3+ts antd上传组件调用多次接口问题

写项目时发现上传组件会默认以当前页面域名调用一次接口报错404，虽然没什么影响但是还是制止一下这个行为吧～以下是解决方法使用方法：customRequest：通过覆盖默认的上传行为，可以自定义自己的上传实现//屏蔽upload组件默认当前页面域名进行访问静态资源行为constcustomRequest=(file:any)=>{setTimeout(()=>{file.onSuccess();},
RainBowwv·2023-07-31 23:38

Vue3+TS踩坑日记

#Day2202-08-27改成去除lang=“ts”,问题解决。#Day2202-08-31npm下载依赖错误，提示node-sass获取源出错解决方法更换sass镜像源，重新下载npminstallnpmconfigsetsass_binary_site=https://npm.taobao.org/mirrors/node-sass
码柱·2023-07-31 03:57

Vue3+TS使用element-plus 动态Icon图标

1，前言源于一段话ElementPlus团队正在将原有组件内的FontIcon向SVGIcon迁移，请多多留意更新日志,及时获取到更新信息，FontIcon将会在第一个正式发布被废弃，请尽快迁移在此记录一下如何使用element-plus中的icon组件环境：Vue：3.2.16Element-Plus：1.2.0-beta.3TypeScript：4.4.3Vite：2.6.42，使用文档原话：
鹏多多·2023-07-31 01:57

vue3+ts未使用变量报错的解决

实例问题原因tsconfig.json文件中开启了ts语法检查"strict":true,//开启严格模式，检查类型声明和赋值...是否合法"noUnusedLocals":true,//检查是否存在未使用的变量"noUnusedParameters":true,//检查是否存在会使用的函数参数"noFallthroughCasesInSwitch":true,//检查switch语句中是否存在b
真让人秃头呀·2023-07-30 22:24

vue3 TS实现动态星空+ref获取for循环的dom元素

先说一下如何通过vue3+ts中，如何通过ref获取dom元素首先给元素绑定ref，与vue2不同的是，ref中是个变量。
irisMoon06·2023-07-29 10:13

Vue--》打造个性化医疗服务的医院预约系统（四）

今天开始使用vue3+ts搭建一个医院预约系统的前台页面，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GithHub上
亦世凡华、·2023-07-28 06:55

elementPlus+vue3之 表头字段设置组件拖拽排序重置显示隐藏（vue3+ts）

一、安装vuedraggablenpmi-Svuedraggable@next&yarnaddvuedraggable@next二、封装tableHeades组件###components/tableHeades/index.vue字段设置展示字段重置checkChanged(checked,index)">{{element.label}}exportdefault{name:'tablehea
jiojio在学习勒·2023-07-27 20:23

vue3+ts 中 ref与reactive 指定类型

一、ref定义类型consta=ref('')//根据输入参数推导字符串类型Refconstb=ref([])//可以通过范型显示约束Refconstc:Ref=ref([])//声明类型Refconstlist=ref([1,3,5])console.log('list前:',list.value)list.value[1]=7console.log('list后:',list.value)ty
Amy_yqh·2023-07-27 04:57

【vue3+ts】TypeError: Cannot read properties of undefined (reading ‘commit‘)

项目场景：import{defineComponent,reactive,ref}from'vue'import{useStore}from'vuex'exportdefaultdefineComponent({name:'Login.vue',components:{},setup(){constonFormSubmit=(result:boolean)=>{if(result){console
weixin_42936434·2023-07-27 00:51

vue3+ts中常用的两个按钮选择事件写法

1.效果演示2.vue3单页面代码演示{{item}}{{item.name}}import{ref}from"vue";letnams=ref(["按钮1","按钮2","按钮3","按钮4"]);letnams2=ref([{name:"按钮1",class:"btn3"},{name:"按钮2",class:"btn3"},{name:"按钮3",class:"btn3"},{name:"按
不染-9732·2023-07-26 16:28

vue3+TS 二次封装Eement-plus 表格+分页组件

由于项目中频繁的使用表格，会出现非常多的重复代码，所以决定对element-plus的table表格、Pagination分页进行二次封装，尽量避免代码冗余。代码如下：1、在components文件下新建CommonTable/CommonTable.vue文件{{scope.row[item.prop]?scope.row[item.prop]:""}}import{defineProps,de
qq_45095100·2023-07-26 06:34

Vue--》打造个性化医疗服务的医院预约系统（二）

今天开始使用vue3+ts搭建一个医院预约系统的前台页面，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GithHub上
亦世凡华、·2023-07-25 05:15

如何用uni-app+vue3+vant开发微信小程序

uni-app之前一直只支持vue2语法，2021年8月：新版支持了vue3开发，App平台编译器升级为Vite；新版uni-app框架主要做了三大改进：重写框架内核：基于vue3+ts重写内置组件和API
秃头姐妹·2023-07-25 03:35

vue3+ts 项目空格和回车代码出现红色波浪线

新创建了一个vue3+typescript项目，在项目中加一个空格或者回车换行就出现红色波浪线；我的解决办法是在vsCode的扩展中找到ESLint点击禁用然后再点击重新加载就可以解决了
燃烧的冰山..·2023-07-24 20:31

vue3导入模块报红解决方案——找不到模块“./XXX.vue”或其相应的类型声明

使用vue3+ts导入vue文件的时候，路径一切都是对的，却偏偏报错：找不到模块“./XXX.vue”或其相应的类型声明。
陈福国·2023-07-24 17:17

Vue--》打造个性化医疗服务的医院预约系统（三）

今天开始使用vue3+ts搭建一个医院预约系统的前台页面，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GithHub上
亦世凡华、·2023-07-24 17:42

vue3+ts登入按钮防抖和节流

1.在uilt文件夹下新建一个DebounceThrottle.ts进行函数的封装//防抖：防抖指的是在事件触发n秒后再执行回调，如果在n秒内再次被触发，则重新计算时间。//为什么需要防抖：就拿用户登录来说，如果不做防抖操作，多次点击登入按钮就会多次请求后台，//既会造成不必要的性能消耗也会造成用户体验的不好//防抖在连续的事件，只需触发一次回调的场景有：//搜索框搜索输入。只需用户最后一次输入完
℘团子এ·2023-07-24 14:43

Vue--》打造个性化医疗服务的医院预约系统（一）

今天开始使用vue3+ts搭建一个医院预约系统的前台页面，因为文章会将项目的每一个地方代码的书写都会讲解到，所以本项目会分成好几篇文章进行讲解，我会在最后一篇文章中会将项目代码开源到我的GithHub上
亦世凡华、·2023-07-22 20:12

vue3+ts打包报错处理

打包报错但是npmrundev是运行正常的经过一番搜索之后，这个错误是比较难搜索到的注意看package.json中的vue-tsc--noEmit删掉就可以了{“name”:“vuevitec”,“version”:“0.0.0”,“scripts”:{“dev”:“vite”,“build”:“vue-tsc--noEmit&&vitebuild”,“preview”:“vitepreview
云上全栈工程师·2023-07-22 10:31

vue3传属性时报错 [Vue warn]: Component is missing template or render function.

使用技术：vue3+ts用的props传值，本来都好好的，后来发现给一个子组件传值发生变化的时候，子组件展示有问题并且报警告：[Vuewarn]:Comp
一只爱吃糖的小羊·2023-07-21 10:15

vue3+ts的项目中实现骨架屏

一、src/components下新建目录skeleton/index.vue骨架屏本质上就是一个div元素，给它设置宽高背景色动画等..就能得到不一样的骨架屏样式defineProps({bg:{type:String,default:"#efefef",},width:{type:Number,required:true,},height:{type:Number,required:true,
笑歪了狗头·2023-07-20 18:48

elementUI之下拉选项加多选框功能实现vue3+ts

根据@牛先森家的牛奶的代码修改后实现全部{{item.label}}import{defineComponent}from'vue';exportdefaultdefineComponent({props:{options:{type:Arrayas()=>Array,required:true,}},data(){return{optionsData:[]asany[],optionsAll:f
菜鸟记录·2023-07-20 01:35

使用模板创建【vite+vue3+ts】项目出现 “找不到模块‘vue‘或其相应的类型声明” 的解决方案

问题描述项目前台需要使用Vue3+Ts来写一个H5应用，然后我用模板创建npmcreatevite@latestvue3-vant-mobile----templatevue-ts创建完后进入HelloWorld.vue
六时二一·2023-07-19 21:08

【尚医通】vue3+ts前端项目开发笔记——项目分析

尚医通开发笔记一、项目分析项目在线地址：http://syt.atguigu.cn测试帐号：17720125002首页homeheader全局组件布局左：logo、title中：初始隐藏搜索框公共组件显示条件：在页面滚动到页面内搜索框的位置显示右：帮助中心登录/注册如果登录：显示帐号名，有下拉框：显示：实名认证、挂号订单、就诊人管理、退出登录footer全局公共组件布局左：京ICP备1301836
起伏羊·2023-07-19 20:16

【组件篇】在vue3+ts项目中基于antd封装一个通用的左侧菜单栏组件

左侧菜单栏是前端项目中基本都会碰到的一个需求，本文基于antd组件，结合vue递归组件的概念，封装了一个通用的左侧菜单栏组件，菜单目录可自由配置层级。项目用到的版本如下：1、实现sideBar.vue组件{{item.title}}importSubMenufrom'./subMenu.vue';import{SettingOutlined}from'@ant-design/icons-vue';
Ying（英子）·2023-07-19 14:14

IDEA中设置vue vue3+ts项目的@跳转

网上基本都是这个方法但是试了对我不适用ideavue项目通过@跳转vue设置完@映射路径之后在IDEA中无法跳转兜兜转转原来只需……在tsconfig.json中加入如下配置就行{"compilerOptions":{"baseUrl":".","paths":{"@/*":["./src/*"],"~/*":["./*"]}}}退出重新进来发现ok成功跳转了也不报红了✿✿ヽ(°▽°)ノ✿
小猿L·2023-07-19 09:17

Vue3+TS ref的使用

文章目录前言一、获取DOM1.获取domElement2.获取组件3.v-bind与ref二、响应式处理总结前言对ref的概念一直有点模糊,整理一下吧.一、获取DOM最常见的用法.1.获取domElement以CompositionAPI写法为例.引入ref,在想要获取的DOM元素上定义ref属性赋值一个自定义名称,然后在setup内声明一个同名变量来存储该DOM元素,具体如下.但并不能在setu
白瑕·2023-07-19 08:24

Vue3+Ts＜script setup＞组合式API的Prop、Emit、Computed、WatchEffect、Watch、Provide/Inject、Ref用法

一、页面效果图二、父组件代码父组件:propRef：{{propRef}}propReactive：{{propReactive}}import{onMounted,ref,reactive,nextTick,toRefs,computed,provide}from'vue';importChildfrom'./components/Child.vue';//引入子组件constchildRef=
念你那丝微笑·2023-07-18 11:48

Vue3+Ts项目中语法警告解决以及如何配置使用svg

如果在项目当中遇到因为ts语法造成的波浪线警告，可以通过//@ts-ignore进行解决或者在vite-env.d.ts文件前面的declaremodule+后面是直接将其他文件爆红引入的路径复制过来，也可解决。关于配置svg文件：首先安装插件npmivite-plugin-svg-icons-D然后在入口文件进行配置如果运行出现报错使用以下指令安装一下，在运行即可npmifast-glob然后去
未及545·2023-07-17 09:25

Vue3+ts；枚举(enum)；Partial全部可选/Pick选一部分/配置 svg 图标/unplugin-vue-components组件自动按需加载

项目的创建使用create-vue脚手架创建项目。1.执行创建命令pnpmcreatevue#ornpminitvue@latest#oryarncreatevue2.选择项目依赖内容。✔Projectname:…//项目名✔AddTypeScript?…No/`Yes`✔AddJSXSupport?…`No`/Yes✔AddVueRouterforSinglePageApplicationdev
2301_76866366·2023-07-15 09:08

vue3学习笔记-使用全局注册的方法

项目场景：vue3+ts问题描述在main.ts中注册了一个全局的方法，由于vue3setup语法糖中没有this无法使用的问题//引用import{message}from"ant-design-vue
沙漏。·2023-07-15 04:36

基于Vue3+TS简单设计一个查看文章时点击展开和点击收起的小功能

这是一个展开和收起的小功能，通常用于查看文章时点击展开和点击收起。代码如下：什么是Vite，它与VueCLI有什么区别，Volar又是啥？ViteVite是一个轻量级的、速度极快的构建工具，对VueSFC提供第一优先级支持。作者是尤雨溪，同时也是Vue的作者！VueCLIVueCLI是官方提供的基于Webpack的Vue工具链，它现在处于维护模式。我们建议使用Vite开始新的项目，除非你依赖特定的
帅龍之龍·2023-07-13 22:54

typeScript(持续吐血版)

typeScript-02-进阶(TS+Vue3)结合vue3来使用TypeScript使用vite来创建vue3+TS的项目使用vite创建项目，并选择带ts的版本npmcreatevite@latestmy-vue-ts-app
2301_76866366·2023-07-13 22:01

【尚医通】vue3+ts前端项目开发笔记 2 —— 创建项目、封装网络请求、集成elment-plus 、重置样式、准备状态管理/路由 等开发前准备

尚医通开发记录(Vue3+TypeScript+Pinia+Axios)一、接口地址服务器地址:http://syt.atguigu.cn医院接口：http://139.198.34.216:8201/swagger-ui.html公共数据接口：http://139.198.34.216:8202/swagger-ui.html会员接口：http://139.198.34.216:8203/swa
起伏羊·2023-07-13 17:56

Cannot find module ... or its corresponding type declarations.（ts2307）

vue3+ts项目出现这样的编译提示，红色下划线Cannotfindmodule...oritscorrespondingtypedeclarations.
码路老默007·2023-06-24 03:49
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他