前端不端钱-优快云博客

原创 vue-quill-editor富文本编辑器：自定义图片/视频上传以及监听图片粘贴自动上传

vue-quill-editor富文本编辑器：自定义图片/视频上传以及监听图片粘贴自动上传。基于 Quill、适用于 Vue 的富文本编辑器，支持服务端渲染和单页应用。

2024-12-17 20:52:23 1173

原创 element-UI封装某一具体日期和时间范围选择器

代码实现参考原文章：https://blog.youkuaiyun.com/weixin_43493113/article/details/131080084?项目开发遇到了需要选择某一个日期的某一个时间段，例如：上门取件时间之类的，某一时间段，所以封装一个时间选择组件。

2024-09-30 23:18:56 635 1

原创 ElementUI的table组件实现多级树形结构的双向全选、半选和取消功能

实现内容思路大致与参考博文一致，在原文基础上修改为不需要手动设置parentId,自动格式化生成，以及简化层级判断等各个函数的代码逻辑，优化代码效率，实现效果还算不错，仍然有一些问题，通过table组件的事件去获取当前选中数组时，会多次触发。使用建议是提取一个公共的mixin来导入到需要的表格组件使用。有更好的解决方案希望大家在评论区留言指正。

2024-06-23 19:45:10 2336 6

原创 vue子组件修改props报错： [Vue warn]: ’Avoid mutating a prop directly since the value will be …‘解决方法

Vue 的数据绑定机制遵循单向数据流的原则，这意味着数据的流动是单向的，从父组件流向子组件。vue.runtime.esm.js：4448 [Vue 警告]：避免直接改变 prop，因为每当父组件重新渲染时，该值都会被覆盖。：在 Vue 组件中，父组件可以通过 props 将数据传递给子组件。子组件不能直接修改通过 props 接收到的 props 数据，但可以将 props 数据复制到自己的 data 中，然后进行修改。）将数据变化通知给父组件。事件给父组件，去修改父组件的值i，从而不会打破单向数据流。

2024-06-22 13:12:48 4361

原创 HTML的转义字符和XML的实体字符

HTML 和 XML 中的转义字符和实体字符非常重要，用于在标记语言中表示特定的字符，这些字符在直接书写时可能会导致解析错误或与语法相冲突。会被认为是标签的开始，而不是普通字符。：在嵌入代码或数据时，如在 HTML 中嵌入 JavaScript 代码片段，使用转义字符可以避免因特殊字符引起的语法冲突。：使用实体字符可以提高代码的可读性和可维护性，实体字符使得代码更加清晰易读，特别是在查看源代码时，可以明确这些符号的意图。HTML 中的转义字符主要用于表示那些在 HTML 语法中具有特殊含义的字符，如。

2024-06-19 00:04:59 510

原创 el-table展开行主副表正反选联动

以上就是最终实现的方法，代码还有不少可以优化的地方，可以更精简的判断选中，以及更简单的操作表格的选中等，以及选中主表，子表自动展开这个操作是否合理，以及子表全部取消选中，主表状态的切换，目前也只是很粗暴的操作类名去改变样式，思路是大概没问题，实现还有可以优化，有精力的伙伴们可以去优化，可以在评论提醒我去学习，没精力去优化，着急解决问题，把效果做出来的伙伴们，直接复制去用应该也能解决问题。操作到子表，进行选中。主表的选中有一个注意的点，也是参考的几个文章都有的bug，就是当子表没展开时，获取子表的。

2024-06-15 16:26:31 1456 2

前端不端钱的博客