- 博客(155)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 初学vue3+ts：props的用法与注意事项
那就是在ts里，如果你const props = defineProps的话，但是在ts层又没用到这个key，只在视图层用到，那么可以把const props去掉，直接defineProps就行。或者跟vue2一样的写法。
2024-07-15 17:41:22
277
原创 input输入整数不超过n位数
input设置了maxlength=7，那么整数位+小数位是可以；但是如果全都是整数，那么就是9999999，超过了需求。因为maxlength的长度包括了小数点和小数后的2位小数。思路：把整个数字拆成整数部分和小数部分，小数部分不做处理，处理整数部分，整数长度超过4的话，就切割掉只保留前4个数字。需求：input最多可以输入9999.99，整数不能超过万，小数保留2位。
2024-06-26 16:14:07
203
原创 canvas解决字体默认是系统设置字体
如果手机设置了非默认字体，例如行体宋体钢笔等等字体，在用canvas的时候会把系统的字体默认到里面去，这个时候为了做统一，统一成初始系统字体。不知道为啥，设置成Arial和sans-serif都不行。
2024-05-21 15:18:44
375
原创 运行v3+ts+vite+eslint碰到的问题集合
修改项目下.eslintrc.js文件，在rules: {}中加入：“indent”: [“off”, 2] 或者’indent’: ‘off’；：Expected indentation of 0 tabs but found 1 indent（预期缩进0个制表符，但发现1个缩进）：对比其他ts代码，发现在orderDetail后少了分号，加上去之后就可以了。创建一个新vue页面，然后在pages.json里添加页面路径，添加完后就报这个错误。），只要这个东西没被使用过，就报错。：注释或者删除即可。
2024-04-08 17:29:23
329
原创 用try...catch进行判断
在写一些提交数据的判断上，有时候会写下面的ifelse的判断方法，少一点还好，多的话就很难受也不好看。上面只是一些简单的判空，要加其他条件比如字符串长度不能超过x位啥的，emm，后面有遇到在加上去。
2024-03-15 18:44:59
389
原创 解决canvas裁剪图片iphone不能裁剪问题
上面的代码在开发者和安卓手机上可以实现，但是在iphone上，图片没有被裁剪成圆形。canvas绘制一个圆，并且在圆上绘制一个图片，裁剪该图片（就是把图片裁剪成圆）。
2024-02-23 13:32:52
478
原创 解决弹性布局父元素设置高自动换行，子元素均分高度问题（align-content: flex-start）
align-content: flex-start
2024-02-21 11:18:36
886
原创 css吸顶(position: sticky；)
解释下上面的效果：当元素tabs-s滑动到距离顶部60rpx的时候，会“固定”在那个地方，不会随着页面的向上滑动而滑动；但是向下滑动距离顶部小于60rpx的话，那元素tabs-s也会跟着向下滑动。用样式position: sticky;来做吸顶其实很简单，只要在设置一个top属性即可。
2023-12-27 11:17:47
1115
原创 TortoiseGit小乌龟合并分支某一次提交记录(摘取)
4、选择想要合并的提交记录，比如我要合并第二天提交的代码，然后右击选择“摘取此提交”继续有冲突就解决冲突，没冲突看下代码是否有合并成功。例：分支a、b，a要合并b的某一次的提交代码。3、选择分支b右击选择“显示日志”1、切换到a分支，选择“合并”5、选择后点击“继续”即可。2、点击分支后面的…
2023-12-27 11:07:42
2435
原创 小程序禁止滚动穿透，page-meta
使用场景：页面中有弹窗，并且弹窗里数据超过弹窗的高，要在弹窗做滑动操作，当弹窗滑动到底部的时候，继续划动会导致底层页面的滚动，这就是。必须放在整个页面的template下面才行。maskShows是弹窗是否显示的字段，这样的话弹窗的滑动就不会影响到主页面了。如果把page-meta放在view里的话，会提示一个错误。这种情况对于体验感很不友好。
2023-12-13 16:21:51
600
1
原创 初学vue3与ts：keep-alive的简单使用
ps：因为我也不知道Component 是什么，折腾了好久才明白。不要问，问就是:is=“Component"的跟v-slot=”{ Component }"一样就对了。//include代表缓存name是FleetList的组件。//include代表缓存name是FleetList的组件。不要问Component 是什么，这么写就对了。
2023-12-07 14:16:51
198
原创 初学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
540
原创 uniapp小程序分包页面引入wxcomponents(vue.config.js、copy-webpack-plugin)
uniapp配置wxcomponent到分包内
2023-12-01 11:54:31
1847
8
原创 uniapp挽留提示2.0
后面想了个方案，把挽留的内容做成一个页面，先跳转到挽留页面，在从挽留页面跳转到内容页，这样内容页面后退就是挽留页面了，当然这边还要page-container的配合。后来产品提了个问题，手机侧滑的时候没那么顺畅（就是一用侧滑，就显示出来，产品要的方案是如下图，emmm大概是这个意思）在函数beforeleave里要进行判断，要返回到a页面的话，就要用uni.navigateBack({delta:2})项目需求：有时候挽留的ui是全屏的，用。//继续填写即在次回到c页面。
2023-11-27 16:23:26
463
原创 初学vue3与ts:朕与太子的props、emit互动
/父组件要调用子组件的事件，必须暴露子组件的事件...重要的事说三遍，setup()不需要。//父组件要调用子组件的事件，必须暴露子组件的事件...重要的事说三遍，setup()不需要。//父组件要调用子组件的事件，必须暴露子组件的事件...重要的事说三遍，setup()不需要。//用emit需要的 setup的用法，setup()不需要。//用emit需要的 setup的用法，setup()不需要。//用emit需要的 setup的用法，setup()不需要。//子组件触发父组件的事件。
2023-11-27 15:37:56
155
原创 初学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
1902
原创 初学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
782
原创 uniapp小程序使用page-container(点击返回挽留信息)
/弹出返回的挽留信息后，还是会显示返回键，如果在点击返回键还是不能返回，则可以增加下面的定时器,不需要直接注释即可。：登录注册、身份认证、商品购买等点击左上角的返回会提示一个挽留的弹窗或者信息。在微信小程序的介绍。
2023-11-08 16:18:06
1438
原创 css word-break
上面的一行还是可以放置很多个字符的，但是就是换行了。加上word-break:break-all;要求填充满整行，超过在换行。
2023-08-04 14:23:53
116
原创 其他时区的时间转换成当前时区的时间
项目用的是uview，所以在接收到时间戳还要在转换成年月日格式，这个就在外面去操作，写在convertTureTime里还要好多判断。例子：项目获取到的时间在东二区，用户在东八区，那么要把东二区的时间转换成东八区的时间。
2023-08-04 14:17:55
233
原创 解决uview1.x使用i18n，props在切换语言的时候未及时修改视图的问题
ps刷新问题：在h5上，其实我在设置语言的时候就uni.reLaunch到首页了，但是这个并不等于刷新。在切换其他语言并且没有刷新的情况下，取消文案还是英文的语言，并没有变成繁体，在刷新下页面就正常了。后来查找了下，改成function的形式即可。未修改的u-modal.vue。操作流程，用u-modal举例。需要修改成适配i18n的。
2023-07-25 14:36:49
463
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人