vuedraggable-使用

Uncaught TypeError: Cannot read properties of undefined (reading ‘header’)

默认装了 2.X 改成了 ^ 4.1.0  vue的版本是3.0.4

 <Drag
    v-model="myArray" group="people" @start="drag=true" @end="drag=false"
     item-key="id">
     <template #item="{ element }">
         <div>{{ element }}</div>
     </template>
 </Drag>
<script>
import Drag from "vuedraggable";

</script>

一些坑

---

1. popover展不开, 开始以为是popover组件的问题, 后面发现只要进到这个页面后面的点击交互都失效了, 折腾了一下午,(各种改, 重新拉代码 装包 重启…) 报读取__draggable_context 报undefined的错, 因为测试线也有这个报错, 但是测试线正常的, 就忽略了, 后面发现就是这是报错闹的, 但是这个报错是怎么引起的还不知道…
2. 前两天还踩了一个popover的坑, 也是原来的代码是生效的, 到我这里不生效, 后面把显性绑定的那个事件删掉了才好, 估计是重复了, 然后导致触发了两次, 所以无法显示, 但是不知道为啥原来的生效, elementUI 版本也是一致的
3. 调试, 调后端的本地, 登录不进去, 搞了半天, 才发现用的是 beta2的登录页, 调的是beta环境的接口. 报错其实很清晰了, 401 未授权Unauthorized

经验

1. 优先处理报错!!!

其他

1. *.js 以.js 结尾 .env* 以.env 文件开头的 配置vscode associate 让环境变量文件有颜色, ini 文件
2. 参数有了默认值的情况下,函数的length属性 ?