在我们做项目的时候常常都会遇到一些新的知识,老师也没讲过的一些知识,那这些知识就需要我们自己去寻找,今天,我要讲的就是在做项目的时候会出现的一个东西:树形组件
如下图所示:
这个组件如何实现呢?
网上找?
很正确!
- 在网上找一个Layui官网,打开:
里面就有我们想要的,但是也不完全是我们想要的( ̄. ̄)
它只有一个简单的渲染:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>树组件</title>
<link rel="stylesheet" href="../src/css/layui.css">
</head>
<body>
<div id="test1"></div>
<script src="../src/layui.js"></script>
<script>
layui.use('tree', function(){
var tree = layui.tree;
//渲染
var inst1 = tree.render({
elem: '#test1' //绑定元素
,data: [{
title: '江西' //一级菜单
,children: [{
title: '南昌' //二级菜单
,children: [{
title: '高新区' //三级