- 博客(58)
- 收藏
- 关注
RSS订阅原创 vite打包报错“default“ is not exported by “node_modules/dayjs/dayjs.min.js“
在vite.config.ts里修改代码。忽略掉node_modules。
2025-01-03 09:12:07
876
原创 elementplus中Carousel 走马灯不自动轮播
结果图片可以正常显示，鼠标点击也能正常切换，但无法自动轮播。怀疑是imgs初始值为空的原因。
2024-12-25 14:24:28
355
原创 vue3+ts使用二维码功能
遇到报错ReferenceError: require is not defined。是因为使用Vite做为开发构建工具，而Vite默认不支持使用require方式进行模块导入导出。解决：使用vite-plugin-require-transform插件。注：logoSrc必须用require包裹，不然报错，二维码加载不出来。在vite.config.js文件中添加如下代码。2、在main.ts文件中全局引入。
2024-12-18 17:06:00
374
原创 elementplus根据弹窗高度设置table高度
在ElementPlus中，el-dialog组件提供了dialogContentRef属性，通过这个属性可以获取到对话框内容的DOM元素。这在进行一些自定义操作时非常有用，比如动态设置对话框内容的高度、宽度或者进行其他DOM操作。ElementPlus中的dialogContentRef是一个引用（ref），用于获取`el-dialog组件内部的具体DOM元素，特别是对话框的内容区域。弹窗里要放一个table表格，表格高度跟随弹窗高度的变化而变化。最终代码：（获取元素可视高度）
2024-12-16 16:53:17
523
原创 vue3 设置动态 ref 并获取
需求是一个form表单切割成三部分，填完一部分可点击下一步继续填写下一部分，全部都完成后点击提交按钮，进行各部分的表单验证，如果验证没问题可提交。
2024-11-08 10:14:33
1706
原创 elementplus中select多选默认值不生效
代码里写的对象是{id, name}，但获取数据时得到的{value, name}vue3中，select多选功能，加载时给v-model赋值时，效果是这样的。打印了一下，发现问题出在属性问题上。
2024-11-04 17:31:16
353
原创 vue事件修饰符
请勿同时使用 .passive 和 .prevent，因为 .passive 已经向浏览器表明了你不想阻止事件的默认行为。如果你这么做了，则 .prevent 会被忽略，并且浏览器会抛出警告。可以直接使用 KeyboardEvent.key 暴露的按键名称作为修饰符，但需要转为 kebab-case 形式。.passive 修饰符一般用于触摸事件的监听器，可以用来改善移动端设备的滚屏性能。.exact 修饰符允许精确控制触发事件所需的系统修饰符的组合。这些修饰符将处理程序限定为由特定鼠标按键触发的事件。
2024-10-23 15:43:45
201
原创 工作日志：elementplus表演验证和提交
重点：ref=“formRef”（组件名）用于提交时检查表单是否通过验证；prop="name"用于定位验证规则是哪个属性；
2024-10-23 14:14:25
292
原创 工作日志：vue3各种警告
意味着在模板渲染过程中尝试访问了一个名为“index”的属性，但是这个属性在Vue实例中并没有定义。它表示在渲染过程中尝试访问组件实例上不存在的属性linkTags。虽说错误很低级，但确实没报错，所以也就没发现。1、遇见报错，但也没啥影响，不知怎么回事。解决办法：在该属性前，加个v-if判断。我看看到底哪里没有定义。可是我没写过这东西啊。
2024-10-16 17:27:08
518
原创 工作日志：elementplus上传图片问题
还有一个小问题，清除文件列表不能放在成功回调函数里，这样的话连眼下上传的图片都会被清除掉。问题：打开弹窗，上传一张照片后，关闭再打开，之前上传的图片仍在列表里展示。然后添加了几行代码，报错。接下来就是改bug了……加上组件名就没问题了。
2024-10-14 16:37:05
261
原创 vue3小知识
2、v-if 有更高的切换开销，而 v-show 有更高的初始渲染开销。因此，如果需要频繁切换，则使用 v-show 较好；如果在运行时绑定条件很少改变，则 v-if 会更合适。1、v-show 不支持在 元素上使用；v-if、v-else 和 v-else-if 可以在 上使用。3、当 v-if 和 v-for 同时存在于一个元素上的时候，v-if 会首先被执行。
2024-10-09 10:20:34
278
原创 js的逻辑判断及解包解构概念
解构则是JavaScript中的一种语法特性，允许从数组和对象中提取数据并直接赋值给变量。解包是将一个可迭代对象的元素赋值给多个变量的过程，例如将数组中的元素分别赋值给不同的变量。这个过程并不涉及从复杂的数据结构中提取数据，而是简单的赋值操作。2、【搬运】解包通常指的是将一个可迭代对象（如数组或对象）的元素赋值给多个变量，而解构则是一种语法，用于从数组和对象中提取数据并赋值给变量。多重判断：将条件串联成一个字符串，存储在 Object 中。多重判断：将条件连成一个字符串，存储在 Map 对象中。
2024-10-08 16:14:19
266
原创 超出部分显示省略号
在实际中，除了上面那种单行省略号以外，还有这种在第二行甚至更多行后，超出部分的文字再显示省略号。第三步：用省略号来代表未显示完的文本 */第二步：让文本不会换行， 在同一行继续。/*第一步： 溢出隐藏。/* 限定范围 */
2024-10-05 15:00:00
380
1
原创 vue框架项目搭建目录说明
Dist：打包后的文件夹，正常如果不去配置文件改打包出来的文件都在这里。Public：vue-cli4后的项目首页都放在这里了，不放在根目录。Utils：工具类js文件，比如request.js，封装请求模块。App.vue：项目的vue根文件，切换页面其实就在这里反复横跳。Mixin：将一些常用的功能代码模块写成mixin，按需导入。Views：页面组件，也是组件的一种，稍微做了个区分。Node_modules：项目的一些模块和插件。Router：vue-router，路由文件。Styles：通用样式。
2024-10-03 12:00:00
170
1
原创 小程序echarts不滑动问题
4、如果上面的方法都用过了还没有解决，那么检查你的canvas的所有父级元素是否设置了height：100%，overflow相关的属性(visible除外)，以及position相关的属性(relative,static除外)，如果是的话都去掉。3、ec-canvas还无法在 scroll-view、swiper、picker-view、movable-view 中使用，会造成无法滑动的问题。2、是不是给最外层标签page定义了height：100%或者overflow相关的属性，如果是的话去掉。
2024-10-02 17:00:00
832
1
原创 vscode中文插件安装后不起作用
在弹出的语言中，选中zh-cn，软件弹出提示。点击重启(Restart)按钮后，中文即可生效。方法一: 点击 Uninstall ,重新安装,再重启vscode。安装中文插件后，中文并没有如期出现。方法二: 在vscode中，按住。，在出现的输入框中，输入。
2024-10-01 17:00:00
875
原创 JS十大排序（一）
JS十大排序1、冒泡排序（写过了，略）2、选择排序（就是每次都找出最小的数）var oldArr=[23,43,21,3,76,65,9,88];function minSelect(arr){ let len=arr.length; let newArr=[]; let item=null for(let i=0;i<len;i++){ item=Math.min(.....
2024-10-01 12:00:00
251
2
原创 vue3项目中组件切换不起作用
解决：使用shallowReactive或者shallowRef把对应的组件名称重新定义下。不清楚还有没有其它解决办法，暂时就这样吧！以下这种方式写页面中组件切换，不起作用。
2024-09-30 15:51:19
652
1
原创 小程序使用echarts视图层会悬浮在所有视图之上问题原因
canvas 组件是由客户端创建的原生组件，原生组件的层级是最高的，所以页面中的其他组件无论设置 z-index 为多少，都无法盖在原生组件上。使用 Canvas 2D接口进行渲染，设置echart属性force-use-old-canvas=“false”
2024-09-29 15:41:34
581
原创 工作日志：下载了一个项目在本地运行产生的一系列问题
修改：此路径 node_modules/.bin/vue-cli-service.cmd 中的文件。查了查，说是nvm下载的npm安装包不全，有残缺。尽力查找原因，但项目能打开，只是服务器端报错500……折腾好久，最后从淘宝镜像下载zip替换掉nvm下载的文件夹里的东西，可以成功运行了。算了，换台机器，重新安装一下node，再试试，看看是环境问题还是代码问题。接下来我直接从淘宝镜像下载14版本的，复制到nvm中去，看看行不行。好，不报431了，报后端端口异常！太生气了，但没办法，继续解决。
2024-09-27 17:30:38
349
原创 工作日志：nvm版本控制遇到的一系列问题。
原因是国内网络限制，解决方法是修改nvm的settings.txt文件，指向淘宝镜像源。原来的 https://registry.npm.taobao.org 已替换为 https://registry.npmmirror.com。折腾半天也没成功，于是卸载了node，开启安装nvm之旅，继续报错。2、为同时拥有两个类的元素设置样式，组合选择器是通过在选择器中并列写入两个类名来实现的，并且它们之间不含空格。接下来就要安装老版本的node了，看看能不能解决我刚刚的问题。切换成低版本node，项目还是报错了。
2024-09-26 21:59:01
500
原创 工作日志：el-table在无数据情况下，出现横向滚动条。
给.el-scrollbar加了一个边框后，发现有数据的时候table右侧的边框多了一层；无数据的时候，右侧body部分没有边框，滚动条出现，滚动到最右侧，边框才出现。说明给el-scrollbar加边框是有问题的，果断去掉。原因：中的组件不能呈现动画的非元素根节点。也就是说，Transition包裹的必须是一个单根的组件。2、el-table在无数据情况下，出现横向滚动条，大概跟边框的设置有关系。
2024-09-25 16:09:07
934
原创 工作日志：ruoyi-vue-plus echarts根据窗口大小变化
3、修改elementplus中的table背景色和边框。2、打开页面后，跟开着定时器一样连续不断报错。1、echarts根据窗口大小变化。不知道为什么，刷新就好了。
2024-09-24 18:10:06
285
原创 工作日志：ruoyi-vue-plus
2、监听响应式的对象中的某个属性。写成函数返回值的形式又无法监听到具体属性的变化，所以最好写成函数返回值的形式，再加deep深度监听的设置。扩展运算符不能够在对象中使用，只能在可遍历的对象中使用（iterables），iterables的实现是依靠【symbol.iterator】函数，目前es6只有Array，Set，String内置了【symbol.iterator】方法。5、使用ref和reactive定义出来的数据无法使用扩展运算符，会报以下错误，因为打印出来的数据是proxy对象。
2024-09-23 17:19:38
386
原创 工作日志：echarts+ts+vue3
4、watch：若想监听对象的属性，需要深度监听，设置deep:true，若想立即执行监听函数，需要设置immediate:true（第一次执行时新值就是当前值，旧值是undefined）。注：如果监听的是reactive定义的对象类型数据，默认是开启深度监听的，并且关不掉。5、用ref()和reactive()修改整个对象。2、css设置背景色的简写形式，属性值的顺序。3、vue3解除监视。
2024-09-20 11:31:18
331
原创 工作日志：vue3+ts
参考文章https://blog.youkuaiyun.com/jieyucx/article/details/140636857。好的，虽然代码写得不多，但任务完成量可以了！解决：传输的参数要用连字符，不能用驼峰式写法。组件文件忘了写后缀.vue。3、算是警告吧，ESlint的格式问题。2、明明地址写对了，但报错找不到模块。4、Vue 3 中的拖拽排序功能实现。1、写组件时，关于引入子组件的报错。
2024-09-19 16:22:20
301
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人