element中el-tree组件,无限制增加下级菜单 为避免一次性请求接口返回数据太多,每次请求接口只能返回该层下一级数据,不会返回下级多层数据 {{ node.label }} 添加 Delete export default { data() { return { defaultProps: { children: 'sub_point_list', label: 'name', isLeaf: (data) => data.has_child === 0 }, } }, methods: { //添加下级菜单 append(data) { console.log('data', data) this.$set(data, 'sub_point_list', []) const newChild = { id: id++, name: 'testtest', isEgdit: true, sub_point_list: [] } if (!data.sub_point_list) { data.sub_point_list = [] } data.sub_point_list.push(newChild) // 强制更新视图 this.$forceUpdate(); // 展开当前节点 node.expand(); this.$nextTick(() => { this.$refs.inputVal.focus(); }) // this.dataSource = [...this.dataSource] }, } } 当有下级菜单时,点击箭头展开下级菜单,在点击添加按钮,能正常显示输入框添加菜单 如下图  但是没有下级菜单时,即前边没有小箭头,点击添加按钮,数据也能打印出来,但是却显示不出来输入框,如下图 这里出错的原因在哪里呢? 还有就是当有数据时,点击添加按钮 怎么能直接展开下级并显示出输入框呢?现在是只有点击前边的小箭头展开下级后再点击添加按钮才能显示输入框,求教 