🥽 学习 - vue-router@4 不规范的 params 传参导致接收不到数据

在 vue2 中,若想在单页面项目中跳转页面时,不把参数暴漏在 url 中
可以通过不定义 prop,但是 $router.push 时在 params 里加上参数
在目标页面通过 $route.params.xxx 也能获取到

但是这种方式在 vue3 vue-router@4 中行不通了。

🤨 学习 - vue3 的 $attrs 和 emit 声明

爷孙组件的事件传递和 vue2 的写法不一样了

$listeners 在 3 中删除了,将事件合并到了 $attrs 中

需要使用 v-bind 递归绑定 $attrs 传递事件而不是 v-on

$attrs 里的事件名会转为驼峰,并且自动加上 on 前缀
例:
@sort 在 $attrs 中的 key 为 onSort
@on-sort 在 $attrs 中的 key onOnSort

emit 里声明的事件,将从 $attrs 里删除,无法继续递归传递

🏖️ 学习 - 多行文本溢出隐藏并且在最后显示查看更多按钮

可恶的设计经常有在几行文本后面跟着查看更多按钮的需求
这其实很难做,一行文本可以用 padding 留出空
但是多行文本就没办法了
百度了下,有大神用 float 实现了

😅 学习 - 移动设备的安全距离

ios vh 单位有问题,100vh 总会高一块,是因为 ios 算上了底部的 “安全距离”,
同事给了解决办法,非常好用

🌳 酷库 - 树状功能

🌳 常用于树状条件选择器功能

🏁 酷库 - iview

项目中一直用的 iview,这里记录下使用心得

🦍 记录 - 将对象里的所有值转为Number

做前端项目时,经常会碰到后端的返回值类型不定
比如:有时返回 Number 的 1,有时返回 String 的 ‘1’
会导致类型检查严格时的 bug

📜 酷库 - 虚拟列表

整合各种情况下虚拟列表的实用库

😇 学习 - 获取指定元素下的所有文本节点

如题目。

🥏 学习 - vue-router keep-alive 的用法

keep-alive 的用法