您现在的位置是：首页 > 文章详情

vue-jstree安装使用备忘

日期：2018-09-02点击：845收藏

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: *');

关注公众号

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。

持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

转载内容版权归作者及来源网站所有，本站原创内容转载请注明来源。

Java分享