vue2.0实现多维数组筛选过滤排序

最新推荐文章于 2022-12-30 10:53:35 发布

weixin_30472035

最新推荐文章于 2022-12-30 10:53:35 发布

阅读量1.3k

点赞数

文章标签： javascript php json ViewUI

原文链接：http://www.cnblogs.com/hanhanours/p/10671653.html

版权

仅仅一个一维数组用vue很好排序网上也有很多demo 但是多维数组如何排序呢试了好多遍发现可以用数组遍历之后再过滤排序就很简单了

以下是代码如果是后台请求的数据也可遍历后进行过滤排序

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="range3/js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			<input v-model='search' />
			<ul v-if="searchData.length > 0">
				<li v-for="(item,index) in searchData">
					{
    {item.name}}
					<!-- <span v-for="(item1,index1) in searchData[index]">
					  {
    {item1.name}}
				  </span> -->
				</li>
			</ul>
			<div v-else>暂无数据</div>
		</div>
	</body>
	<script>
		var vm = new Vue({
			el: '#app',
			da

最低0.47元/天解锁文章

weixin_30472035

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue2.0实现多维数组筛选过滤排序

仅仅一个一维数组用vue很好排序网上也有很多demo 但是多维数组如何排序呢试了好多遍发现可以用数组遍历之后再过滤排序就很简单了以下是代码如果是后台请求的数据也可遍历后进行过滤排序<!DOCTYPE html><html> <head> <meta charset="utf-8"> <tit...
复制链接

扫一扫