element的tree树节点根据数据响应式更新

如果想要element的tree树节点根据数据响应式更新，可以使用Vue.js的响应式机制来实现。具体方法如下：

1. 将tree的数据存储在Vue组件的data中，并使用v-model指令绑定数据。

2. 在组件的watch中监听数据变化，当数据发生改变时，更新tree的数据源。

3. 在tree的节点上使用:props属性绑定数据源中对应的字段，这样当数据源发生变化时，tree节点的内容也会自动更新。

下面是一个示例代码：

<template>
  <el-tree :data="treeData" :props="treeProps"></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: 'Node 1',
          children: [
            { label: 'Node 1-1' },
            { label: 'Node 1-2' }
          ]
        },
        {
          label: 'Node 2',
          children: [
            { label: 'Node 2-1' },
            { label: 'Node 2-2' }
          ]
        }
      ]
    }
  },
  computed: {
    treeProps() {
      return {
        label: 'label',
        children: 'children'
      }
    }
  },
  watch: {
    treeData: {
      handler(newData) {
        // 更新tree的数据源
        this.$refs.tree.updateKeyChildren(null, newData);
      },
      deep: true
    }
  }
}
</script>

在上面的代码中，我们将tree的数据存储在组件的data中，并使用v-model指令绑定数据。在watch中监听数据变化，当数据发生改变时，更新tree的数据源。在tree的节点上使用:props属性绑定数据源中对应的字段。这样当数据源发生变化时，tree节点的内容也会自动更新。