vue-jstree安裝使用備忘

源碼在這裏https://github.com/zdy1988/vue-jstree

我是vue-cli建的項目

npm install vue-jstree --save

組件裏這樣寫

import VJstree from 'vue-jstree';
import axios from "axios";
export default {
  name: 'Mytree',
  components: {
    VJstree
  },
  data() {
    return {
      data: []
            
    }
  },
  created() {
    axios.get('http://192.168.x.x/a2hs/treedata.php')
    .then(response => {
      this.data=response.data;      
    })
    .catch(e => {
      console.log(e)
    });
  },

動態返回的JSON數據格式以下

[{"id":1,"pid":0,"text":"node1","opened":0,"children":[{"id":43,"pid":1,"text":"node2","opened":0}...]}...]

若是有跨域問題，treedata.php輸出前加

header('Access-Control-Allow-Origin: *');