Vue树状菜单组件特效代码下载


Vue树状菜单组件特效代码下载
Vue树状菜单组件特效代码下载以及树状菜单组件等js/jquery网页特效代码下载。

1. 引入CSS

<link type="text/css" rel="stylesheet" href="css/tree_menu.css">

2. 引入JS

<script type="text/javascript" src="js/vue.min.js"></script>
<script type="text/javascript" src="js/tree_menu_component.js"></script>

3. HTML代码

	<div id="app" v-cloak>
		<!-- 树状菜单 -->
		<div>
			<div class="l_tree_container">
				<ew-tree :model="testdata"></ew-tree>
			</div>
		</div>
	</div>
  <script type="text/javascript" src="js/vue.min.js"></script></head>
  <script type="text/javascript">
  new Vue({
	el: "#app",
	props: {
		fd: Object
	},
	data : function() {
		return {
			testdata: [
                {
                    name: "菜单1",
                    children: [
                        {
                            name: '菜单2',
                            children: [
                                {
                                    name: '菜单3'
                                },
                            ]
                        },
                        {
                            name: '菜单2',
                            children: [
                                {
                                    name: '菜单3',
                                    children: [
										{
										    name: '菜单4',
										},        
                                    ]
                                },
                                {
                                    name: '菜单3',
                                    children: [
   										{
   										    name: '菜单4',
   										    	children: [
			   										{
			   										    name: '菜单5',
			   										},         
			                                    ]
   										},         
                                    ]
                                }
                            ]
                        },
                    ]
                }
            ],
		};
	},
	computed : {
	},
	methods: {
	},
	created : function() {
	},
});
  </script>

相关推荐

发表评论

相关文章