本文介绍如何在Vue.js中实现数据的模糊查询。通过引入Vue.js，使用v-for和v-model绑定关键字，监听input变化，结合filter和indexOf方法进行过滤。在输入关键字时，显示匹配的数据行。为避免多次过滤导致数据丢失，使用新数组存储过滤结果，并通过computed属性计算过滤后的数据，确保原有数据不受影响。
要求：
对数据进行模糊查询
先引入vue.js文件
<script type="text/javascript" src="../js/vue.js"></script>
准备一个容器
<div id="root">
<h2>宿舍成员</h2>
<input type="text" placeholder="请输入名字">
</div>
写Vue之前的准备：
<script type="text/javascript">
Vue.config.productionTip = false
1348
2290
443
929
2126
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
