- 博客(133)
- 收藏
- 关注
RSS订阅
原创 使用viewui 报错 unaught TypeError: t.createElementVNode is not a function at viewuiplus.min.js
原因是：由于引入 viewui 版本不兼容 我是VUE2 这个组件库是基于VUE3的。
2024-09-04 16:54:49
343
原创 vue使用axios实现下载附件以及根据响应头content-disposition，拿到附件名称filename，实现下载功能
【代码】vue使用axios实现下载附件以及根据响应头content-disposition，拿到附件名称filename，实现下载功能。
2024-09-04 14:50:50
360
1
原创 ES实现将原始对象data数据 进行拆分组装成2个新的子对象
将指定的key放到指定的属性子对象里面。子对象personalInfo。子对象publicInfo。新对象newData。
2024-08-29 10:14:50
218
原创 Vue使用el-upload上传附件报错vue.runtime.esm.js:619 [Vue warn]: Invalid prop: type check failed for prop “ac
是一个字符串（String），但是实际上得到了。属性的类型检查失败了。具体来说，Vue 期望。这个 Vue 警告信息表明在 Vue 组件的。属性中没有正确设置或传递值。加action="#"就可以了。这通常意味着在组件的。
2024-08-27 17:46:09
212
原创 vue报错：Avoid mutating a prop directly since the value will be overwritten whenever the parent compone
在 Vue.js 中，直接修改一个来自父组件的 prop（属性）是不被推荐的，因为这样做会违反组件间的单向数据流原则。当你尝试直接修改一个 prop 时，如果父组件重新渲染（例如，由于数据变化或响应式依赖更新），这个 prop 的值将会被父组件中的原始值覆盖，从而导致你的修改丢失。同时，子组件dialogVisible发生变化通过 this.$emit('updateDialogVisible',this.dialogVisible)其中：BankDialogVisible 是父组件传给子组件的值。
2024-08-20 11:34:09
773
原创 vue中this.$emit(‘update:page‘, val)的作用
是 Vue 实例的一个方法，用于触发当前实例上的事件。这些事件可以被父组件监听并响应。// 当按钮被点击时，触发 'update:page' 事件，并将新的页面值传递给父组件。前缀）通常用于实现父子组件之间的双向绑定或状态同步，特别是当使用。这样的代码时，它的意思是当前组件正在触发一个名为。// 父组件接收到子组件传过来的childVal。修饰符，你也可以手动监听并处理这些事件。子组件点击事件handleClick触发。作为参数传递给这个事件的监听器。在 Vue.js 中，
2024-08-20 10:35:39
422
原创 css实现上下两个背景图合并成一个背景图
会导致图像居中显示，并在图像的四周留下空白（如果背景没有设置其他颜色或图像的话）。如果背景图像的原始尺寸大于元素的背景区域，图像会按比例缩小以适应元素，但仍然保持其完整的外观。时，背景图像会被缩放，以确保图像的完整显示，同时图像的长宽比也会被保持。具体来说，背景图像会尽可能地填充元素的背景区域，但不会超出它，同时图像的宽高比不会被扭曲。是 CSS 中的一个属性值，用于设置背景图像的大小。可能会导致背景图像看起来较小，特别是当元素的背景区域较大时。
2024-08-08 10:05:16
414
原创 预览图片报错：This XML file does not appear to have any style information associated with it. The do
预览图片报错：This XML file does not appear to have any style information associated with it. The document tree is shown below.是由于我图片是png 然后我转换成svg 然后src引入路径就报错这个了。
2024-07-29 21:21:40
509
原创 VUE中使用this.$emit()的使用进行父子组件之间传值
当点击时，进入到buttonClick()方法，此时调用this.$emit()方法触发自定义事件parent-event。父组件parent.vue通过监听parent-event来接收这个自定义事件并执行。并传递了'xiaoming'作为数据。子组件child.vue。
2024-07-16 10:44:48
357
原创 js实现寻找数组中满足某个条件的对象，以及找到下标后，在数组中插入某个对象
这种方法允许你在数组的指定位置灵活地插入对象，而不需要移动其他元素来为新元素腾出空间。方法会直接修改原始数组，而不是返回一个新的数组。如果你不希望原始数组被改变，可以在使用。return item.xxx== 你要找的属性值。方法允许你在数组的任意位置添加或删除元素。方法来创建一个副本，然后在副本上进行操作。// 代表找到了这个元素。例如，如果你有一个数组。方法在索引0处插入对象。，在索引1处插入对象。
2024-07-10 17:30:11
390
原创 form原生表单以及el-from表单阻止表单默认提交事件，上传文件自动提交刷新以及input输入框按下enter键自动搜索的事件
问题：1.form原生表单以及el-from表单阻止表单默认提交事件2.上传文件自动提交刷新3.input输入框按下enter键自动搜索的事件。
2024-07-09 10:31:03
381
原创 【vue动态组件】VUE使用component :is 实现在多个组件间来回切换
VUE使用component :is 实现在多个组件间来回切换。component :is 动态父子组件传值。
2024-07-05 15:36:46
462
原创 vue为啥监听不了@scroll
事件冒泡：滚动事件可能被封装在某些组件内部，导致不会冒泡到父元素上。绑定scroll事件的div容器应该有overflow 可以滚动的。哈喽 大家好 我在vue中写了一个滚动scroll监听事件。然后滚动鼠标 发现进不来我的方法断点。正确绑定到了可滚动容器上。属性，使得元素不可滚动。事件绑定错误：确保你使用。组件内部没有正确地设置。
2024-07-02 16:22:25
486
原创 this.$refs[tab.$attrs.id].scrollIntoView is not a function
打印this.$refs[tab.$attrs.id].scrollIntoView 在控制台看到的是一个undefined。是因为this.$refs[tab.$attrs.id] 不是一个dom 是一个vuecomponent。打印出来就有这个函数了。
2024-07-02 15:24:07
338
原创 【el-upload】element ui form表单中使用el-upload 上传附件点击导致页面刷新问题以及浏览器url路径中自动拼接带有“&file=“参数
element ui 中使用el-upload 上传附件点击导致页面刷新问题以及浏览器url路径中自动拼接带有"file="参数。
2024-06-27 16:35:07
320
3
原创 访问请求 出现状态码：405 method not allowed
结果是因为我写成了http 应该是https 我是访问的域名。不同的情况可能处理不一样。
2024-02-23 10:39:14
2708
原创 启动node服务报错Error: listen EACCES: permission denied 0.0.0.0:5000
将监听端口改成3000或者其他。
2024-02-21 17:35:58
1175
原创 This dependency was not found: * core-js/modules/es.array.reduce.js in ./node_modules/cache-loader/
然后重新npm run serve就行了。
2024-02-20 15:59:32
747
原创 vue使用es的reduce方法编译报错Error: Can‘t resolve ‘core-js/modules/es.array.reduce.js‘
哈喽 大家好啊 最近在vue使用es的reduce方法编译报错Error: Can't resolve 'core-js/modules/es.array.reduce.js。然后重新编译下将正常了。
2024-02-04 17:31:29
824
原创 vue-test\src\index\main.js in multi (webpack)-dev-server/client?http://10.10.199.11:8080&sockPath=/s
报错：vue-test\src\index\main.js in multi (webpack)-dev-server/client?是由于我的vue.config.js入口文件的路径出错了。
2024-02-02 18:23:26
725
原创 Vue用＜br＞自定义换行，用v-html渲染，hover的时候title也需要使用自定义换行或者显示一行用省略号展示，hover展示全部
哈喽 大家好啊,最近遇到一个需求：用自定义换行，hover的时候title也需要使用自定义换行然后我便想到了用自定义换行，然后用v-html渲染，则就正常显示了。
2023-12-15 11:35:47
1067
原创 js实现获取原生form表单的数据序列化表单以及将数组转化为一个对象obj，将数组中的内容作为对象的key转化为对象，对应的值转换为对象对应的值
此时我们看到的是一个数组，里面每个对象里面都包含属性name 和value 对应的是我们表单的属性以及属性值。（2）我的form表单是通过数组轮询的，所以会有多个，我要将我填写的表单组成一个数组对象的形式。这样我的表单都有各个对应class的名称了 form0 form1 form2....首先我的表单定义一个class变量，后续根据我得到的数组进行遍历的时候进行动态命名。（1）因为我是用原生写的form表单，然后我想在确认的时候拿到form表单。然后我们在点击确认事件的时候去拿表单序列化的数据。
2023-11-23 18:21:58
623
原创 原生js实现form表单保存按钮触发后表单只读以及编辑按钮灰化，编辑按钮触发后表单是编辑状态以及保存按钮灰化
原生js实现form表单保存按钮触发后表单只读以及编辑按钮灰化，编辑按钮触发后表单是编辑状态以及保存按钮灰化场景1：初始化进去的时候，编辑灰化，保存高亮，表单为编辑状态场景2：填写完数据后，点击保存，保存会话，编辑高亮，表单为只读状态场景3：点击编辑，此时编辑灰化，保存高亮，表单为编辑状态。
2023-11-23 16:59:28
383
原创 关于用css设置input输入框hover的时候的样式以及当input为disabled的时候，不要让hover样式生效
【代码】关于用css设置input输入框hover的时候的样式以及当input为disabled的时候，不要让hover样式生效。
2023-11-22 17:22:20
952
原创 写原生form表单，button按钮提交事件报错：Whitelabel Error PageThis application has no explicit mapping for /error,
写原生form表单，button按钮提交事件报错：Whitelabel Error PageThis application has no explicit mapping for /error,但是他会阻止所有的表单默认事件，比如去校验我的必填校验，所以我没有用这种方法。看到报错大致信息内容：应该是找不到我提交后的页面 ，返回了一个错误的。这样就没有任何关于表单默认的事件了，只是一个普通的按钮了。其实还有一种方法 就是在我的方法里面写。还有一种就是将按钮设置属性为普通按钮。
2023-11-22 16:16:21
225
原创 css实现原生form表单label必填选项红色*样式，以及js控制必填校验
【代码】css实现原生form表单label必填选项红色*样式，以及js控制必填校验。
2023-11-20 16:38:06
1428
原创 用css实现原生form中radio单选框和input输入框的hover样式以及聚焦focus的样式
在实际的开发中，一般公司ui都会给效果图，比如单选按钮radio样式，input输入框hover的时候样式，以及focus的时候样式，等等，今天我们就来实现下。好啦 已经完成啦，大家可以相互讨论学习额。
2023-11-20 14:57:00
1116
2
原创 前端js实现将数组对象组装成自己需要的属性，或者去掉对象中不必要的属性
需求：前端js实现将数组对象组装成自己需要的属性，或者前端js实现去掉对象中不必要的属性提示：以下是本篇文章正文内容，下面案例可供参考以上就是用map映射自己需要的对象，进行相应的组装。
2023-11-09 11:05:43
296
原创 【java基础学习】之JDK环境变量的配置
新建一个系统环境变量，取名JAVA_HOME：路径取bin的上一层级。第三步：找到path（windows系统执行命令时要搜寻的路径）%代表获取JAVA_HOME环境变量的值然后拼接后面的\bin。运行cmd，然后执行javac.exe,出现下面这个就成功了。然后找到path环境变量:%JAVA_HOME%\bin。第一步：打开电脑->属性->高级系统设置。java环境变量的配置。好啦，就代表安装成功了。第二步：点开环境变量。但是一般开发这样配置。
2023-10-10 11:39:56
127
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人