随笔分类 -  Vue

Vue 使用笔记
摘要：1、Vue项目在标签中如何书写多个内敛style样式 使用数组格式 :style="[{‘width’: ‘50px’, ‘height’: ‘20px’}, item%2 0 ? styleObj : ‘’]" 2、深度选择器[ :deep(.class){} ]用于定义引用的第三方组件内专属样式 阅读全文
posted @ 2023-03-24 10:38 陈醋当墨写尽人生酸楚 阅读(17) 评论(0) 推荐(0)
组件默认的事件参数，怎么传递自定义参数
摘要：1、使用 $event 传递默认参数，其他参数自定义传入 el-checkbox 的 change 事件中，参数默认类型：(value: string[] | number[]) => void，没有返回值的。 自定义参数 默认参数可以使用 $event 传递 自定义参数任意写入 阅读全文
posted @ 2023-03-24 10:37 陈醋当墨写尽人生酸楚 阅读(40) 评论(0) 推荐(0)
vue 如何监测真实Dom是否加载完成
摘要：1、充分利用浏览器的队列特性： // 声明定时器 var timer = null // 检查dom是否执行完成 function check() { // onMounted 挂载完 dom 获取为空，真实 dom 在对象中 let dom = document.getElementById('d 阅读全文
posted @ 2023-01-12 11:01 陈醋当墨写尽人生酸楚 阅读(3557) 评论(0) 推荐(1)
el-button在chrome低版本(<88)中显示异常的问题
摘要：1、问题内容：el-button 按钮显示灰色背景色和边框。【浏览器版本：chrome 75】 2、问题原因：el-button使用的:not(xxx,xxx,xxx)，以逗号分隔的选择器列表作为参数是实验性的，尚未获得广泛支持 1 .el-button:not(.is-text, .is-link 阅读全文
posted @ 2023-01-12 10:55 陈醋当墨写尽人生酸楚 阅读(547) 评论(0) 推荐(0)
vue3 - toRaw 与 markRaw
摘要：toRaw： 作用：将一个由 reactive生成的响应式对象转为普通对象。 使用场景：用于读取响应式对象对应的普通对象，对这个普通对象的所有操作，不会引起页面更新。 markRaw： 作用：标记一个对象，使其永远不会再成为响应式对象。 应用场景: 有些值不应被设置为响应式的，例如复杂的第三方类库等 阅读全文
posted @ 2022-10-19 20:23 陈醋当墨写尽人生酸楚 阅读(80) 评论(0) 推荐(0)
导入vue项目 npm install 错误集锦
摘要：1、版本冲突 错误代码： 1 npm ERR! Fix the upstream dependency conflict, or retry 2 npm ERR! this command with --force, or --legacy-peer-deps 3 npm ERR! to accep 阅读全文
posted @ 2022-09-16 18:25 陈醋当墨写尽人生酸楚 阅读(160) 评论(0) 推荐(0)
Element Plus 在 vue3 中使用
摘要：特殊情况下，解决方案： 1、el-tree 实现收缩的关键字：expanded【组件内部处理的树形数据格式中的关键字】 定义树形组件： <el-tree ref="treeRef"> ... </el-tree> 获取组件内部树形数据： treeRef： vue3中 ref是用来定义数据响应式，以及 阅读全文
posted @ 2022-09-04 10:24 陈醋当墨写尽人生酸楚 阅读(195) 评论(0) 推荐(0)
vue 使用相关文集
摘要：1、搭建构建环境 安装 node v8+。【vue 项目的文件类型是 .vue，他需要被编译成 .js 文件，才可以被浏览器识别】 npm（全称：Node Package Manager） 不需要单独安装，在我们安装 Node.js 环境时，npm 也就安装了，是一个NodeJS包管理和分发工具 n 阅读全文
posted @ 2022-05-06 14:14 陈醋当墨写尽人生酸楚 阅读(31) 评论(0) 推荐(0)