博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue-jstree安装使用备忘
阅读量:5832 次
发布时间:2019-06-18

本文共 589 字,大约阅读时间需要 1 分钟。

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

转载地址:http://iardx.baihongyu.com/

你可能感兴趣的文章
各种非算法模板
查看>>
.NET 设计规范--.NET约定、惯用法与模式-2.框架设计基础
查看>>
win7 64位+Oracle 11g 64位下使用 PL/SQL Developer 的解决办法
查看>>
BZOJ1997:[HNOI2010]PLANAR——题解
查看>>
使用Unity3D引擎开发赛车游戏
查看>>
HTML5新手入门指南
查看>>
opennebula 开发记录
查看>>
sql 内联,左联,右联,全联
查看>>
C++关于字符串的处理
查看>>
6、Web Service-拦截器
查看>>
Flask 源码流程,上下文管理
查看>>
ZAB与Paxos算法的联系与区别
查看>>
Breaking parallel loops in .NET C# using the Stop method z
查看>>
修改故障转移群集心跳时间
查看>>
[轉]redis;mongodb;memcache三者的性能比較
查看>>
微软职位内部推荐-Sr DEV
查看>>
让你的WPF程序在Win7下呈现Win8风格主题
查看>>
802.11 学习笔记
查看>>
Leetcode-Database-176-Second Highest Salary-Easy(转)
查看>>
构建Docker Compose服务堆栈
查看>>