E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
VUE3+TS
vue3组合式api的setup语法糖+defineProps、defineExpose、defineEmits用法说明、markRaw
前言:最近使用vue3发现了setup的语法糖很好用一、介绍
vue3+ts
正常写法import{ref}from"vue";exportdefault{setup(){consttext=ref('代码
jojo是只猫
·
2024-01-04 13:04
javascript
vue.js
前端
vue3+ts
错误:找不到模块“./App.vue”或其相应的类型声明。ts(2307)
vue3+ts
错误:找不到模块“./App.vue”或其相应的类型声明。
春暖花开.,
·
2024-01-04 09:58
vue.js
javascript
ecmascript
VUE3+TS
(11)
硅谷甄选第十一天:2023-12-18:删除数据的时候,需要判断,若删除数据后,当前获取到的数组长度小于1,则页面获取上一页信息,否则就在当前页面。getSkuData(skuArr.value.length>1?pageNo.value:pageNo.value-1)动态组件:组件之间互相切换。:is的值可以是被注册的组件名导入的组件对象对表单校验。若想将数据都通过表单后再进行下一步操作,需要利
L北杳
·
2024-01-03 13:52
前端
javascript
vue.js
vue3+ts
开发干货笔记
总结一下在vue3中ts的使用。当篇记录部分来自于vue官网,记录一下,算是加深印象吧。纯干笔记,不断补充,想到什么写什么,水平有限,欢迎评论指正!类型标注propsconstprops=defineProps({foo:{type:String,required:true},bar:Number})props.foo//stringprops.bar//number|undefined可以通过更
Bwcx_lzp
·
2024-01-03 09:57
typescript笔记
vue
typescript
vue3+typescript项目中读取window对象中属性报错
问题在
vue3+ts
开发的项目中,获取挂载在window对象上的属性a报错image.png解决方法使用类型断言缺点:在any类型的变量上,访问任何属性都是允许的。
俄小发
·
2024-01-02 13:27
vue3+ts
打开echarts的正确方式
实例项目使用vite5+vue3+ts,项目地址vite-vue3-charts,预览地址https://weizwz.com/vite-vue3-charts准备工作1.注册为百度地图开发者官网地址,然后在应用管理->我的应用里,创建应用,创建好后复制AK2.在根目录的index.html里引入百度地图xxx在head里引入,是为了提前加载进来3.安装echartsnpmiecharts-S封装
液态不合群
·
2023-12-30 01:55
echarts
前端
javascript
vue3+ts
使用原生click事件报错
开发过程中,我想在原生的html元素上使用事件,虽然报错,但能运行版本:"@types/node":"^18.11.4","vue":"^3.2.37","typescript":"^4.6.4",在
vue3
相见一月
·
2023-12-29 21:49
1024程序员节
vue3+ts
el-tree高亮回显
{{data.taskName}}constcurrentNodeId=ref('')//回显constleftTreeFillingFn=()=>{leftTreeFillingAPI().then((res)=>{treeData.value=resif(router.currentRoute.value.query.id!==''){finalId.value=router.currentR
圆脸喜欢吃菠萝
·
2023-12-29 19:17
vue.js
elementui
javascript
vue3+ts
组件封装,以及如何封装一个v-model双向绑定的值
1.prop通过defineProps定义该组件的入参,它在初始化时执行一次,参数在组件内是只读的,不能被修改,想要修改它,就必须将它赋值给一个变量,在组件中操作该变量即可。defineProps({value:String,});父组件向子组件传值,可通过:value=“变量”emit通过defineEmits,向外暴露事件,并将值传递向外部,外部通过@change=“”,触发constemit
小何开发
·
2023-12-28 22:37
vue系列
vue.js
前端
javascript
无星的前端之旅(十八)-
Vue3+ts
常见问题
第一次用
Vue3+ts
,采用了eslint(aribnb),遇到了一些问题,又不想用经常性使用any,只能逼迫自己解决问题。
无星灬
·
2023-12-27 15:51
vue3+ts
可视化大屏无限滚动table效果实现
注意:vue3版本需使用vue3-seamless-scrollnpmnpminstallvue3-seamless-scroll--save页面引入TSimport{Vue3SeamlessScroll}from"vue3-seamless-scroll";代码使用(相关参数可参考:https://www.npmjs.com/package/vue3-seamless-scroll)设备编号设备
曲江涛
·
2023-12-27 13:16
前端
vscode中
vue3+ts
报类型“{ }“上不存在属性“ “,以及ts.config.app.json和tsconfig.node.json中报错(彻底解决)
亲爱的小伙伴们,你们是否遇到过使用vscode打开
vue3+ts
项目时一片爆红,一直提示类型"{}"上不存在属性"",以及ts.config.app.json和tsconfig.node.json中报“
一只花小妖
·
2023-12-27 12:37
vscode
json
node.js
vue3+ts
axios封装
安装pnpminstallaxios第一次封装importrouterfrom'@/router'import{useUserStore}from'./../stores/modules/user'importaxiosfrom'axios'import{showToast}from'vant'constinstance=axios.create({//1.基础地址,超时时间baseURL:'xx
Eleven....
·
2023-12-27 12:56
axios
vue3+ts
pinia存储及持久化
index.ts需要安装pinia-plugin-persistnpmipinia-plugin-persist-Simport{createPinia}from"pinia"//引入批量的pinia持久存储插件importpiniaPluginPersistfrom'pinia-plugin-persist'conststore=createPinia();store.use(piniaPlug
你的美,让我痴迷
·
2023-12-26 05:46
vue.js
前端
javascript
vue3+ts
代理的使用
简单封装request.tsimportaxiosfrom"axios";//1.创建axios对象constservice=axios.create();//2.请求拦截器service.interceptors.request.use(config=>{returnconfig;},error=>{Promise.reject(error);})//3.响应拦截器service.interce
你的美,让我痴迷
·
2023-12-26 05:46
vue.js
javascript
前端
vue3+ts
vuex存储问题
import{createStore}from"vuex"importpersistedstatefrom"vuex-persistedstate";importuserfrom"./modules/user"exportdefaultcreateStore({state:{num:10,sum:10,str:"这是store数据"},getters:{total(state){returnsta
你的美,让我痴迷
·
2023-12-26 05:15
javascript
vue.js
前端
Vue3+Ts
项目——登录页面跳转到首页
Vue3+Ts
项目——登录页面跳转到首页第一步:创建三个ts文件结合pinia缓存登录信息和tokensrc\api\userTypes.tssrc\stores\modules\user.tssrc\
靠着蓝色背景幻想
·
2023-12-25 17:27
vue.js
前端
typescript
Vue3+Ts
项目——第三方认证登录
Vue3+Ts
项目——第三方认证登录下载插件main.ts文件vue页面调用方式前言:我们得先去注册成为谷歌开发者,创建一个项目再获取id,整个难点就是获取ID。我难受呀。
靠着蓝色背景幻想
·
2023-12-25 17:27
vue
typescript
vue3+ts
项目封装echarts饼图
下载echartsnpmiecharts饼图对应type为pie成果图:(数据为动态展示所以要封装组件)封装组件为EPIPieChart.vue封装组件通用代码importechartsfrom'@/assets/ts/echarts';import{nextTick,reactive,watch}from'vue';constprops=defineProps({pid:{type:String
学习吖
·
2023-12-25 01:19
echarts
echarts
javascript
ecmascript
vue3+ts
封装饼图
echarts案例之日历
一、此案例基于
Vue3+ts
,效果展示:二、单个属性的值:1、visualMap.pieces根据值自定义每个小块的颜色pieces:[{min:0,//最小值max:20,//最大值label:'未统计
Her...
·
2023-12-25 00:36
echarts
echarts
javascript
vue.js
前端
1024程序员节
vue3+ts
实现文件在线预览
一、背景企业微信自建项目中要求PC端也能进行文件预览,但是企业微信提供的接口只能在移动端使用,通过查阅资料修改成贴合项目的方法。参考:https://blog.csdn.net/w_t_y_y/article/details/115767747kkFileView官方文档二、preview-file组件1.三种方式:①、OfficeWeb查看器http://view.officeapps.live
汪叽家的兔子羡
·
2023-12-24 22:14
前端
vue.js
typescript
文件在线预览
vue3
vue3+ts
集成mockjs
文章目录前言mock官方文档安装mockjs在src文件夹下创建mock文件夹index.tstyping.tsapis1.tsapis2.tsapis3.ts生成随机数据main.ts引入mockjsshim-vue.d.ts添加声明在根目录package.json中的scripts新增一种运行方式"serve:mock"在根目录创建对应的.env.development、.env.mock文件
大牙Adela
·
2023-12-24 19:18
vue.js
typescript
【
vue3+TS
】customRef在实战中的使用(防抖)
【
vue3+TS
】customRef在实战中的使用(防抖)新建文件debounced.ts文件内容页面中使用效果customRef用于自定义一个ref,可以显式的控制依赖追踪和触发响应,接受一个工厂函数
Aray阿伟
·
2023-12-20 14:11
Vue3
vue.js
前端
javascript
【
vue3+ts
】动态生成word文件并下载
动态生成word文件并下载下载依赖新建docx的word模板新建ts文件在vue文件中引入如果你不想要ts,这里也有ts装成的js代码看了很多帖子,最后还是自己搞定的……没一个靠谱的,都说不清楚,那就自己动手吧!下载依赖npmidocxtemplaternpmifile-savernpmipizzip新建docx的word模板建议在项目文件夹里面手动创建,不要在编译器里面创建。要在public目录
Aray阿伟
·
2023-12-20 14:40
Vue3
vue
word
vue3+ts
nextTick函数的使用
{{item.name}}{{item.message}}sendimport{reactive,ref,nextTick}from"vue";letchatList=reactive([{name:"张三",message:"xxxxxxx",},]);letbox=ref();letipt=ref("");//Vue更新dom是异步的数据更新是同步的//我们本次执行的代码是同步代码//当我们操
你的美,让我痴迷
·
2023-12-18 12:18
vue.js
javascript
前端
使用vue-cli创建
vue3+ts
项目
使用vue-cli创建
vue3+ts
项目提示:该文章为
vue3+ts
的!该文章是博主看的B站尚硅谷视频课来进行整理的!尚硅谷的课真的很不错!
玲小叮当
·
2023-12-18 08:42
vue
vue.js
typescript
javascript
前端框架
前端
Vue3+TS
报错:找不到模块或其相应的类型声明
在src目录下找到vite-env.d.ts文件将下方代码粘贴即可解决declaremodule'*.vue'{import{ComponentOptions}from'vue'constcomponentOptions:ComponentOptionsexportdefaultcomponentOptions}
banzhuanren1
·
2023-12-17 08:34
ts+vite
1024程序员节
typescript
vite
解决
vue3+ts
打包,ts类型检查报错导致打包失败
最近拉的开源大屏项目goview,在打包的过程中一直报Ts类型报错导致打包失败,项目的打包命令为:"build":"vue-tsc--noEmit&&vitebuild"是因为vue-tsc--noEmit是TypeScript编译器(tsc)的命令,vitebuild则是使用Vite进行最终的构建。所以会检测ts的类型是否写的正确标准,如果项目中类型错误少的话可以一一解决并打包但是goview的
喜陈
·
2023-12-16 11:39
报错
vue.js
javascript
vue项目中集成vite+ts+jest
Vite+Vue3项目配置ESLint规范和Jest单元测试-掘金jest、vuetestutils入门
vue3+ts
组件测试-掘金Vite+TS+Jest,配置+踩坑记录-掘金基于以上网址参考tsconfig.json
考代码吃饭
·
2023-12-15 22:10
vue.js
javascript
前端
unit
testing
vue3-ts npm run dev报错
vue3+ts
启动项目报错,实在是解决不了,求大家给看看[ERROR]Failedtoresolveentryforpackage"@intlify/shared".Thepackagemayhaveincorrectmain
nan0625
·
2023-12-15 22:39
vue.js
bug
Vue3+ts
实现页面跳转及参数传递
##列表页import{reactive,toRefs}from'vue'//1引入useRouter路由信息方法import{useRouter}from'vue-router'//2获取实例constrouter=useRouter()constgotoDetail=(index:string)=>{router.push({path:'/demo2',query:{id:index}})}#
aa啊呀
·
2023-12-15 19:46
vue.js
javascript
前端
搭建一个
Vue3+Ts
项目
前言:项目使用的技术有Vite+Vue3+Ts+sass+Router+pinia+axios。好了我们开始吧。文章目录一、创建项目二、启动项目三、安装sass四、安装routerlogin.vue页面home.vue页面index.tsmain.ts配置routerapp.vue五、自动引入组件(看个人喜欢,自行选择要不要引入啦)六、安装pinia七、安装axios一、创建项目找到你想创建的文件
靠着蓝色背景幻想
·
2023-12-15 14:56
前端
vue
typescript
vue3+ts
使用setInterval、setTimeout方法
vue3+ts
使用setInterval、setTimeout方法两种方法constinterval:NodeJS.Timer=setInterval()constinterval:number=window.setInterval
靠着蓝色背景幻想
·
2023-12-15 14:26
前端
typescript
vue
Vue3+Ts
项目(Naive UI组件)——创建有图标可伸缩的左边菜单栏
文章目录安装、配置vue-router1、安装2、main.ts配置3、在App.vue中,渲染路由配置到的组件创建测试路径页面1、src\views\dashboard\index.vue2、src\views\dashboard\test.vue3、src\views\table\index.vue配置页面路由1、src\router\modules\dashboard.ts2、src\rou
靠着蓝色背景幻想
·
2023-12-15 14:19
ui
vue
typescript
vue3 + ts 防抖指令,节流指令,复制指令
vue3+ts
自定义指令防抖指令,节流指令,复制指令本文使用了element-ui,element-plus官网源文件https://admin.spicyboy.cn/#/directives/debounceDirect
你的眼睛會笑
·
2023-12-14 21:34
vue.js
javascript
elementui
vue3 + ts 判断各种数据类型,首字母转大写,下划转驼峰,的方法集合
vue3+ts
判断各种数据类型,首字母转大写,下划转驼峰,的方法集合(记录ing…)1.直接上代码1.在utils文件夹下新建`index.ts`//index.ts/***@description:判断是否为某个类型
你的眼睛會笑
·
2023-12-14 21:04
javascript
vue.js
前端
vue3 + ts 引入图片时报:找不到模块“xxx”或其相应的类型声明。
问题描述使用
vue3+ts
引入图片时报错找不到模块“@/assets/images/brandCould.png”或其相应的类型声明。问题解析:因为typescript无法识别非代码资源。
土生土长的IU
·
2023-12-06 13:49
Vue
3.0
vue.js
前端
javascript
vue3+ts
hooks的使用
importAfrom"./components/A.vue";importuseBase64from"./hooks";useBase64({el:"#img",}).then((res)=>{console.log(res.baseUrl);});hooks/index.ts:import{onMounted}from"vue";typeOptions={el:string}exportdef
你的美,让我痴迷
·
2023-12-05 15:56
vue.js
javascript
前端
vue3+ts
全局函数和变量的使用
{{$env}}{{$filters.format("的飞机")}}import{getCurrentInstance}from"vue";constapp=getCurrentInstance();console.log(app?.proxy?.$filters.format("dffdfd"));main.ts:import{createApp}from"vue";import"./style
你的美,让我痴迷
·
2023-12-05 15:56
vue.js
前端
javascript
vue3+ts
图片懒加载
import{ref,reactive}from"vue";importtype{Directive}from"vue";import{entries}from"lodash";//glob是懒加的模式//globEager静态加载letimageList=import.meta.globEager("./assets/images/*.*");letimageList2:Record=impor
你的美,让我痴迷
·
2023-12-05 15:26
vue.js
javascript
前端
vue3+ts
指令拖拽案例
内容import{ref,Directive,DirectiveBinding}from"vue";constvMove:Directive=(el:HTMLElement,bingding:DirectiveBinding)=>{letmoveElement:HTMLDivElement=el.firstElementChildasHTMLDivElement;console.log(moveE
你的美,让我痴迷
·
2023-12-05 15:24
vue.js
javascript
前端
vue3中v-for报错 ‘item‘ is of type ‘unknown‘
报错在写
vue3+ts
的项目,得到一个数组,需要循环展示,使用v-for循环,写完之后发现有个报错,如下:解决props的时候使用PropType将数据类型完整标注即可以为没有显示的表示出list中item
@小花76
·
2023-12-05 14:09
vue3+ts
vue.js
javascript
ecmascript
【
Vue3+Ts
项目】硅谷甄选 — 搭建后台管理系统模板
一、项目初始化一个项目要有统一的规范,需要使用eslint+stylelint+prettier来对我们的代码质量做检测和修复,需要使用husky来做commit拦截,需要使用commitlint来统一提交规范(即统一提交信息),需要使用preinstall来统一包管理工具。PS:vue3官方推荐的IDE设置是VSCode+Vue语言功能(Volar)扩展。Volar扩展提供语法突出显示、Type
唧唧bong_
·
2023-12-04 22:58
vue.js
前端
javascript
【
Vue3+Ts
项目】硅谷甄选 — vue3组件通信方式
一、vue3组件通信方式vue2组件通信方式:props:可以实现父子组件、子父组件、甚至兄弟组件通信自定义事件:可以实现子父组件通信全局事件总线$bus:可以实现任意组件通信pubsub:发布订阅模式实现任意组件通信(vue项目中较少使用)vuex:集中式状态管理容器,实现任意组件通信ref:父组件获取子组件实例VC,获取子组件的响应式数据及方法slot:插槽(默认插槽、具名插槽、作用域插槽)实
唧唧bong_
·
2023-12-04 22:28
vue.js
前端
javascript
typescript
Cannot find module ‘vue‘. Did you mean to set the ‘moduleResolution‘ option to ‘node‘, or to add ali
vue3+TS
项目中引入vue会有报错把tsconfig.json配置项moduleResolution:"bundler"改为moduleResolution:"node"就可以了{"compilerOptions
愿➣
·
2023-12-04 17:40
vue.js
前端
vue3+ts
项目中导入组件时报错has no default export
下面这句会报错hasnodefaultexportimportButtonfrom"./components/Button.vue";使用vetur这个插件(我目前的版本是0.37.3,应该是这个版本之前的都不支持)。但是依旧报错,所以我选择禁用了,就不报错了
愿➣
·
2023-12-04 17:36
javascript
vue.js
前端
uniapp和
vue3+ts
实现自定义头部导航栏左侧胶囊内容
由于某些原因,可能需要我们自己定义头部导航栏的内容,实现各种设计师画的设计稿,所以就需要这个自定义的组件,实现的内容:自定义标题和左侧胶囊图标内容,也可以自定义搜索内容到里面,实现的效果图:实现步骤1.先在pages中将这个页面的导航设置为自定义"navigationStyle":"custom"2.在app.vue中获取头部高度源代码:import{onLaunch,onShow,onHide}
1024小神
·
2023-12-04 02:03
多端开发
uni-app
用vite搭建
vue3+ts
项目
一、环境搭建1:首先vite环境安装npminitvite或者yarninitvite2:输入项目的名字,在这里用vue3_test?Projectname:›vite-project3:选择项目类型,这里选择Vue+ts4:出现下图,初始化基本创建完成项目文件目录如下我们可以发现文件有标红提示,找不到依赖文件,这时候我们到项目目录下,执行一下npminstall安装一下相关依赖即可,此时可以看到
一个大土豆的日常
·
2023-12-03 20:41
Vue3.0
vue.js
typescript
uniapp
vue3+ts
h5端生成二维码与背景图合并成一张图片
`npmiqrcode//引入qrcode库importqrcodefrom"qrcode"import{ref}from"vue"constdata=ref({qrCodeUrl:"",imgURL:''})constsetImage=()=>{leturl=“qrcodeText”qrcode.toDataURL(url,(err,url)=>{if(url){data.value.qrCod
ajzzz
·
2023-12-03 06:10
uni-app
vue3.2
ts
二维码
合成图片
【canvas】在
Vue3+ts
中实现 canva内的矩形拖动操作。
前言canvas内的显示内容如何拖动?这里提供一个canvas内矩形移动的解决思路。描述如何选中canvas里的某部分矩形内容,然后进行拖动?我的解决思路:**画布搭建。**用一个div将canvas元素包裹,设置宽高,div设置成相对定位(relative),canvas设置绝对定位(absolute)。在往canvas内添加内容时,请保存添加内容的相关属性,长宽、位置、样式等,以此确定这部分内
ZSK6
·
2023-12-02 22:01
前端
vue.js
前端
javascript
typescript
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他