![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element plus
粉末的沉淀
无趣
展开
-
element plus:tree拖动节点交换位置和改变层级
图层list里有各种组件,用element plus的tree来渲染,可以把图片等组件到面板里,面板是容器,非容器组件,比如图片、文本等,就不能让其他组件拖进来。对于其他组件来说,只有before和after是允许的,所以当type不等于inner的时候,allow-drop的返回值才是true,否则是false。比如把A节点向B节点拖动,before表示把A拖到B的前面,after表示把A拖到B的后面,inner表示把A拖到B里面去。关键点:draggable为true,设置allow-drop方法。原创 2024-04-23 17:54:08 · 577 阅读 · 0 评论 -
element plus:tree强制更新
使用element plus的tree组件,做大屏设计器的图层列表,在左边的tree里和中间的编辑器里都可以右键上下移动图层,但是我遇到一个问题,往编辑器里增加组件,这种较大的变动,tree的渲染可以立马同步更新,但是如果我仅仅是移动图层,tree就没反应了,其实绑定的数据已经发生了变化,数据里元素的顺序变了,查了一圈,目前可行的办法是用v-if来重新渲染tree。监听updateLayer,只要发生了改变,就先销毁tree,再重建,需要注意的是,重建要放在nextTick里。给tree加v-if。原创 2024-04-23 05:13:24 · 218 阅读 · 0 评论