vue
关于vue
空&白
这个作者很懒,什么都没留下…
展开
-
初学vue3+ts:props的用法与注意事项
那就是在ts里,如果你const props = defineProps的话,但是在ts层又没用到这个key,只在视图层用到,那么可以把const props去掉,直接defineProps就行。或者跟vue2一样的写法。原创 2024-07-15 17:41:22 · 201 阅读 · 0 评论 -
初学vue3与ts:watch的使用
如果有需要用到immediate或者deep的话。监听1个props数据。监听2个及以上的数据。原创 2024-07-10 13:39:14 · 296 阅读 · 0 评论 -
初学vue3与ts:获取组件ref实例
【代码】初学vue3与ts:获取组件ref实例。原创 2024-07-04 10:54:38 · 199 阅读 · 0 评论 -
初学vue3与ts:定义一个函数,参数为特定值
【代码】初学vue3与ts:定义一个函数,参数为特定值。原创 2024-07-04 10:50:50 · 87 阅读 · 0 评论 -
初学vue3与ts:创建一个空数组,通过接口赋值
【代码】uniapp vue3 + ts创建一个空数组,通过接口赋值。原创 2024-07-03 17:47:24 · 167 阅读 · 0 评论 -
初学vue3与ts:reactive定义一个对象,重置到初始值
【代码】uniapp vue3 + ts reactive定义一个对象,重置到初始值。原创 2024-07-03 17:39:31 · 249 阅读 · 0 评论 -
初学vue3与ts:获取uniapp canvas实例
【代码】uniapp canvas vue3 ts实例。原创 2024-06-25 15:15:01 · 420 阅读 · 0 评论 -
用try...catch进行判断
在写一些提交数据的判断上,有时候会写下面的ifelse的判断方法,少一点还好,多的话就很难受也不好看。上面只是一些简单的判空,要加其他条件比如字符串长度不能超过x位啥的,emm,后面有遇到在加上去。原创 2024-03-15 18:44:59 · 374 阅读 · 0 评论 -
解决canvas裁剪图片iphone不能裁剪问题
上面的代码在开发者和安卓手机上可以实现,但是在iphone上,图片没有被裁剪成圆形。canvas绘制一个圆,并且在圆上绘制一个图片,裁剪该图片(就是把图片裁剪成圆)。原创 2024-02-23 13:32:52 · 451 阅读 · 0 评论 -
js判断数组中对象是否存在某个值
js判断数组中对象是否存在某个值原创 2024-02-21 17:48:31 · 404 阅读 · 0 评论 -
解决弹性布局父元素设置高自动换行,子元素均分高度问题(align-content: flex-start)
align-content: flex-start原创 2024-02-21 11:18:36 · 843 阅读 · 0 评论 -
初学vue3与ts:keep-alive的简单使用
ps:因为我也不知道Component 是什么,折腾了好久才明白。不要问,问就是:is=“Component"的跟v-slot=”{ Component }"一样就对了。//include代表缓存name是FleetList的组件。//include代表缓存name是FleetList的组件。不要问Component 是什么,这么写就对了。原创 2023-12-07 14:16:51 · 169 阅读 · 0 评论 -
初学vue3与ts:vue3选项式api获取当前路由地址
vue3选项式api获取方法。原创 2023-12-07 12:01:08 · 617 阅读 · 0 评论 -
初学vue3与ts:element-plus的警告(Extraneous non-props attributes (ref_key) ...)
国内镜像站点如果进不去的话,在element-plus官网最下面的链接->国内镜像站点,点击即可。原来是vue3的版本与element-plus的兼容性问题,更新下vue3的版本即可。用了vue3与ts,ui我就选了element-plus。按照官网的安装引导,突然用到某些组件会提示警告。更新后,编辑器重启,在运行下就可以了。原创 2023-12-05 11:28:28 · 500 阅读 · 0 评论 -
初学vue3与ts:朕与太子的props、emit互动
/父组件要调用子组件的事件,必须暴露子组件的事件...重要的事说三遍,setup()不需要。//父组件要调用子组件的事件,必须暴露子组件的事件...重要的事说三遍,setup()不需要。//父组件要调用子组件的事件,必须暴露子组件的事件...重要的事说三遍,setup()不需要。//用emit需要的 setup的用法,setup()不需要。//用emit需要的 setup的用法,setup()不需要。//用emit需要的 setup的用法,setup()不需要。//子组件触发父组件的事件。原创 2023-11-27 15:37:56 · 149 阅读 · 0 评论 -
初学vue3与ts:路由跳转带参数
【用router.push跳转,用params带参数age=666】这个方法的router->index.ts。// 用router.push跳转,用query带参数name=lin。// 用router.push跳转,用params带参数age=666。,是以前可以用,现在变不一样了吗?:vue3目标页面要拿到上一页面带过来的参数,不能用。// 用router-link跳转带参数id=1。其他2中方法的router->index.ts。原创 2023-11-24 17:12:10 · 1776 阅读 · 0 评论 -
初学vue3与ts:setup与setup()下的数据写法
把setup写在script里<template> <div> <div class="index-title">script setup</div> <div class="title">字符串:</div> <div class="title-sub">ref版:{{strRef}}</div> <div class="title-sub">ref版模板字符串:{{strRef原创 2023-11-24 15:28:32 · 734 阅读 · 0 评论 -
eventBus
【代码】eventBus。原创 2023-11-06 16:07:06 · 68 阅读 · 0 评论 -
记录用户上次看视频的进度,并且从记录的时间继续观看
记录用户上次看视频的进度,并且从记录的时间继续观看原创 2023-03-13 17:22:04 · 6216 阅读 · 1 评论 -
ant、element-ui表格序号与scopedSlots
ant、element-ui表格序号原创 2023-03-06 17:18:27 · 229 阅读 · 0 评论 -
vue图片上传到oss
vue图片上传到oss原创 2023-03-06 17:05:08 · 492 阅读 · 0 评论 -
日期格式化.js
日期格式化.js原创 2023-03-06 16:18:50 · 49 阅读 · 0 评论 -
ant、element-ui表单数组里每一个item进行验证
ant、element-ui表单数组里每一个item进行验证原创 2023-03-03 17:49:40 · 128 阅读 · 0 评论 -
根据时间整合数据
根据时间整合数据原创 2023-03-03 17:09:08 · 41 阅读 · 0 评论 -
处理手机号隔开
处理手机号隔开 例如12345678900 => 123 4567 8900原创 2023-03-03 16:58:34 · 91 阅读 · 0 评论 -
手机号隐藏中间4位数
手机号隐藏中间4位数原创 2023-03-03 16:57:31 · 326 阅读 · 0 评论 -
js数值过长替换单位
数值过长替换单位原创 2023-02-01 10:43:27 · 166 阅读 · 0 评论 -
http请求封装
http请求封装原创 2023-02-01 10:38:55 · 182 阅读 · 0 评论 -
js精度3.0
js精度3.0原创 2023-02-01 10:13:05 · 80 阅读 · 0 评论 -
vue+element后台管理路由跳转问题
vue+element后台管理路由跳转问题原创 2022-11-21 11:09:55 · 1257 阅读 · 0 评论 -
vue+element后台菜单权限动态配置
vue+element后台菜单权限动态配置原创 2022-11-07 16:39:05 · 2485 阅读 · 1 评论 -
vue后端返回文件流,前端进行下载文件
vue后端返回文件流,前端进行下载文件原创 2022-10-18 14:04:06 · 1313 阅读 · 0 评论 -
css制作序列帧动画
css制作序列帧动画原创 2022-09-08 10:49:34 · 1469 阅读 · 1 评论 -
JVxeTable的JVXETypes.textarea显示默认文案
JEECG官方首页:http://www.jeecg.com/JEECG在线示例:http://boot.jeecg.com/dashboard/analysisJEECG的JVxeTable,columns设置type为JVXETypes.textarea,使用的时候如下图,要是不点击完全不知道还可以展开(图2)图1图2后面查看文档,发现了个 formatter 这个属性。{ title: '备注', align: 'center', key: 'remark', width: '1原创 2022-05-24 15:51:40 · 765 阅读 · 0 评论 -
按enter键,快速切换到下一个输入框进行输入
这边用的是ant + vue效果:按enter键的时候,下一个输入框高亮,并且选中里面的值外层是一个数组,这边就不贴出来了<a-input-number :ref="'input' + index" @pressEnter="nextFocus(index,'input')" @focus="focusModel($event)" v-model="item.num" :min="0" :max="1000000" :precision="2" style="w原创 2022-05-02 17:22:11 · 1927 阅读 · 0 评论 -
解决数据修改,但是视图未更新
在uniapp或者vue中,有时候会遇到数据修改,但实际上视图的数据未更新的情况。例如:直接赋值就不会改变视图。用this.$set()后,就可以更新视图。但是当this.list.time有设置默认值时,不管直接是直接赋值还是用set(),都可以修改视图。emmmmm算了,我鶸,就不追究原因了= =。...原创 2022-05-02 17:00:37 · 3701 阅读 · 1 评论 -
jeecg里的JVXETable + vue + ant
JEECG文档:http://doc.jeecg.com/2043868JVXETable:http://doc.jeecg.com/2043991项目可以添加商品,十多条或者上百上千条数据,因为在做的时候,没有考虑到上千条数据的问题,后面造成前端页面卡顿,毫无体验感,所以进行改造。JVXETable因为可以设置虚拟滚动,比JEditableTable可以更好的显示上百或者上千条数据,而不会造成前端页面卡顿的问题引入JVXETableimport { JVXETypes } from '@/com原创 2022-05-02 16:33:25 · 1339 阅读 · 2 评论 -
vue高德地图(amap-jsapi-loader)页面与组件使用(AMapUI 组件库)
AMapUI 组件库:https://lbs.amap.com/api/amap-ui/intro引入amap-jsapi-loader:https://blog.csdn.net/qq_32707555/article/details/123063459效果图参考高德地图UI组件示例:https://lbs.amap.com/demo/amap-ui/demos/amap-ui-pathsimplifier/simple-demogetHoverTitle事件对应的就是显示鼠标移到轨迹线上,显示的原创 2022-05-02 16:14:19 · 8720 阅读 · 1 评论 -
js精度2.0
文章链接先贴出来:https://www.jianshu.com/p/c3374517b976?tdsourcetag=s_pcqq_aiomsgjs版(function(){ function mathService(){ this.add=function(a,b){ var c, d, e; try { c = a.toString().split(".")[1].length; } catch (f) { c = 0转载 2022-03-01 11:28:04 · 109 阅读 · 0 评论 -
vue高德地图(amap-jsapi-loader)页面与组件使用(地图JS API)
页面a,组件b,高德地图组件c。a页面里面使用组件c,直接触发组件c的函数有效。组件b为页面a的某一个模块,并且组件b也使用组件c,那么,在组件b中触发组件c的地图点击、搜索无效,并且地图显示不出来。页面a使用高德正常组件b使用高德无数据发现问题:因为同一高德组件的id一样。container:容器id一样的话,组件b显示地图则恐空白,显示不出来。tipinput:输入框的id,展示输入后的搜索结果。解决办法:在使用组件的时候,给一个不同的id。a页面<GaodeMap re原创 2022-02-22 11:00:52 · 2547 阅读 · 0 评论