- 博客(34)
- 收藏
- 关注
RSS订阅原创 Vue3 + Element plus 实现切换el-radio前二次确认
问题： el-radio 没有提供类似于beforeUpdate这样的钩子去处理这种场景，之外使用v-model语法糖绑定数据即使做了判断，值也立刻更改了。查阅element-plus文档才发现element-plus el-raido现在使用:model-value来绑定值 之前使用的是value。场景：点击切换el-radio之前判断当前内容是否有改变，如有改变弹窗提示切换el-radio将销毁操作，弹窗二次确认是否切换。查找好久找到这个方法 记录一下。
2024-10-12 11:56:39
874
原创 获取pdf页码时走的弯路
https://112223333.xyz//pdf/${resource_id} 这个网址是得后端进行配置的 大概是吧pdf.js部署在服务器端 具体我也不是很清楚 我有尝试下载pdf.js放在前端 但是在这样会导致跨域 如果放置到本地打包上线是否会导致跨域我不是很清楚,现在说说获取 网上有很多方法 和下面的方法类似。我只是想标记一下我踩得坑。
2024-07-15 16:08:41
521
1
原创 draggable 实现一个简单的拖拽
拖拽存放样式 这里面是有两层的 根据定位来写的 为什么这样写 是原来直接拖拽会有把其他元素向后挤压的一个过程 不是一个萝卜一个坑那样的 这样写算是走了一个捷径。onMove1 onEnd 函数。
2024-07-15 15:06:08
362
原创 关于 高版本vue依赖 取消 vue/macros导致$ref 报错 ./macros问题
方法二 安装 unplugin-vue-macros/vite npm i -D unplugin-vue-macros。项目版本:vite+vue node版本16.7 16+版本才生效 不然会报错误。2.vite.config.ts 里面添加。具体的项目配置可以参考官方文档。// plugins里添加。
2024-06-20 16:09:15
615
原创 终止el-upload的文件上传
<div class="answerBox"> <el-input class="answer" v-model="dataAnswer.answer" style="width: 100%;" :rows="2" type="textarea" placeholder="请在此输入您的答案" resize="none" /> <div class="input-helper">您已输入{{ dataAnswer.answer.length }}字</div&
2024-06-03 17:21:51
1382
原创 watch监听到数组对象中元素的变化
需求：每次进入页面都要获取到值，涉及到切换路由，页面不会重新渲染，所以要放到 activated什么周期函数里面，infoStepTwoRuleForm是从本地获取的对象，对象中的.time_frame_data是数组，里面存放了上一步全部的时间段的信息，当修改值的时候需要调用一个方法，且只希望调用一次 vue2。
2024-03-29 15:37:17
762
原创 this.$refs[‘form’].resetFields()方法重置表单无效的坑
要想this.$refs[‘form’].resetFields()方法有效，必须配置el-form :model 属性和el-form-item中的prop属性，才可以。注意：this.$refs[‘form’].resetFields()这个做法其实是重置表单到初始值，不是清空表单，当表单第一次在页面中渲染时所用的数据就是初始数据。
2024-02-16 15:11:40
2063
1
原创 uniapp使用iconfont-阿里巴巴矢量图标库设置tabBar图标
下载方式有两种，可以选择png，这种方法就是直接图片放到static文件家里，在pages.json的tabbar里面进行引用就可以了。完成所有图标之后可以进行下载，如果是使用方法二则不需要下载别的颜色的图标，只需要下载一种就可以了。2.找到想要的图标，可以直接搜索，我现在要找到适合首页，关于，还有列表的一些图标。uniapp的tabbar页面，有图标还有选择图标，设置不同的颜色。编辑好需要的图标，可以更改，完成之后选择保存为副本，也可以更改名称。刚刚选择好的图标添加到了新闻项目里面。
2024-02-03 15:59:46
2364
1
原创 Vue中安装依赖时报错：npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolve...
【代码】Vue中安装依赖时报错：npm ERR!
2024-01-24 11:04:42
468
原创 vue-cli切换包管理器为npm或者yarn
2.修改"packageManager": “npm”,如果想使用yarn可以把npm修改为yarn,保存退出就可以啦（如果没有安装yarn或者npm要先安装的）1.找到.vuerc,在C:\Users\Administrator里面搜索.vuerc,使用记事本打开这个文件。
2024-01-21 11:26:35
672
1
原创 vue获取屏幕宽度
先导入import useScreenWidth from ‘@/utils/useScreenWidth’;可以在表格中判断显示和隐藏某个列。
2023-11-11 14:51:37
1215
原创 解决vue报错：Uncaught Error: []: “getActivePinia()“ was called but there was no active Pinia
pinia报错
2023-09-17 14:25:40
6068
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人