javascript - Vue酒树未加载数据

Question

我正在尝试使用 Liquor Tree 构建树形菜单:

HTML

<input type="text" placeholder="Type to filter..." v-model="menu_filter" class="filter-field" />
<tree :data="$root.menu_tree" :options="menu_options" :filter="menu_filter"></tree>

JS

menu_options: {
  checkbox: false,
  minFetchDelay: 1000,
  fetchData(node) {
    return axios.get("/assets/data/fetch0/data.json");
  },
  filter: { emptyText: "Nothing!" }
}

组件会呈现，但单击元素不会执行任何操作。也没有错误。它应该从该 URL 加载子节点，但什么也没发生。

我还尝试将 fetchData 设置为字符串，例如:

menu_options: {
  checkbox: false,
  minFetchDelay: 1000,
  fetchData: "/assets/data/fetch0/data-{node.text}.json",
  filter: { emptyText: "Nothing!" }
}

还是什么都没有。是我做错了什么还是这东西坏了？

Answer 1

听起来你的 dom 没有更新，在更改后启动 console.log 看看是否确实发生了更改。如果在这种情况下，您需要使树重新渲染，可以通过几种方式来完成，您可以将更改的属性设置为计算，它应该触发更改，如果这不起作用创建一个 key 并在数据更改时更改 key 。有关强制重新渲染的完整说明，请参阅此处。 https://michaelnthiessen.com/force-re-render