vue-jstree安裝使用備忘

甜海發表於2018-09-03
VueJS
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: *`);  


相關文章