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


js树状菜单组件特效代码下载
js树状菜单组件特效代码下载以及树状菜单组件等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>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>

相关推荐

发表评论

相关文章