项目上需要一个条件树的组件,多个条件这里使用一个数组去保存,然后使用v-for循环数组插入dom。

      vue组件里使用v-for时很容易忽略了每一项的key值,遇到的问题如果后续需要对数组进行删除操作的情况下,需要加上key值而且要绑定该数组项的唯一标识来标识每一个生成的dom元素,这样就不会导致改动数组数据后dom不重新渲染显示错乱的问题。

<cond-node v-for="(item,index) in nodeData.condItems" :key="item.id" :node-data="item" @deleteNode="deleteCondNode(index)" ></cond-node>
Logo

前往低代码交流专区

更多推荐