冷门知识
1、$emit传参的时候带入自己的参数
<child v-for="(it, idx) of arr" @fn="value => somemethod(value, idx)"/>
2、vue3 <script setup>中监听高度
注:写在mounted里
const observer = new MutationObserver((mutationsList, observer) => {
// 在这里处理变化后的逻辑
transHeight.value = mainRef.value.offsetHeight
});
observer.observe(mainRef.value, {
subtree:true,// 监听所有后代节点
attributes:true,//监听属性变化(点名el-input type='textarea',这个操作基本上是给area量身定做的)
});
我会刻意记下来是因为ChatAI给的答案是
observer.observe(mainRef.value, {
childList: true, // 监听子节点
});
这只会记录子节点,孙子辈和更远的地方不会监听
被坑点
console.log(Boolean('0')) // true。不要觉得这个知识点很2,常拿0做false的人说不定就被坑了。
new Date('123123123') 结果是无效Invalid Date
因为new Date内是数字,new Date(123123123)结果才是正确时间->Fri Jan 02 1970 18:12:03 GMT+0800 (中国标准时间)