随笔分类 - 前端 / Vue
摘要：问题代码 描述：当父组件加载后，fooList初始是空数组，在发生change事件回调后，会进行赋值。按照设计预期，useFooData应该提供处理好的filteredFoo数据。可是实际上useFooData拿到的fooList一直是空数组，没有随着外部fooList的改变而改变。 父组件： co
阅读全文
摘要：解构基本类型与引用类型区别 在Vue3.5+中，props已经支持了响应式解构。不过，官方文档中还提到了将解构后的变量传递到函数中有一些细节： 当我们将解构的 prop 传递到函数中时，例如： const { foo } = defineProps(['foo']) watch(foo, /* ..
阅读全文
摘要：问题代码： // 绑定给el-table的data const groupWorks = computed(() => worksGroupByType.value.map((type) => { return { ...type, works: [...type.priorityWorks, ..
阅读全文
摘要：方法一：JS实现 在滚动元素上绑定touchmove事件监听，并调用e.stopPropagation()方法。 const el = document.querySelector(".scroll-view"); el.addEventListener('touchmove', (e) => e.
阅读全文
摘要：可能的原因 所绑定的组件位于v-for内，而不是直接循环组件。例如： <div v-for="type in quarterWorksGroupByType" :key="type.typeID"> <div class="work-table-title"> <!-- code.. --> </d
阅读全文
