vue js 中简单的搜索功能

最新推荐文章于 2021-07-12 17:58:22 发布

weixin_30659829

最新推荐文章于 2021-07-12 17:58:22 发布

阅读量180

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/pptt/p/7746102.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<title>Document</title>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
</head>
<body>

<div id="app">
<input v-model='search' />
<ul v-for="item in searchData ">
<li>{{item.name}},价格:￥{{item.price}}</li>
</ul>
</div>

if (search) {
return this.products.filter(function(product) {
return Object.keys(product).some(function(key) {
return String(product[key]).toLowerCase().indexOf(search) > -1
})
})
}

return this.products;
}
}
})
</script>

</body>
</html>

转载于:https://www.cnblogs.com/pptt/p/7746102.html

weixin_30659829

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue js 中简单的搜索功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="https://unpkg.com/vue/dist/vue.js"></script></head...
复制链接

扫一扫