024——VUE中filter的使用
2024-08-27 19:51:27
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>VUE中filter的使用</title>
<script src="vue.js"></script>
</head>
<body>
<div id="lantian">
<ul v-for="v in news">
<li>{{v.cont}}</li>
</ul>
<input type="text" v-on:keyup.enter="search" v-model="searchCon">
</div>
<script>
var app = new Vue({
el: '#lantian',
data: {
searchCon:'',
news: [
{'id': 5, 'cont': 'HD测试五'},
{'id': 1, 'cont': '测hd试一'},
{'id': 4, 'cont': '测试四'},
{'id': 3, 'cont': '测试Hd三'},
{'id': 2, 'cont': '测试二'}
]
},
methods: {
search:function () {
this.news=this.news.filter((item)=>{
var reg=new RegExp(this.searchCon,'i');
return reg.test(item.cont);
});
} }
});
</script>
</body>
</html>
最新文章
- 谷歌浏览器安装adblock广告屏蔽插件
- 线程学习笔记 等待句柄和线程池(摘自https://blog.gkarch.com/threading/part2.html#manualresetevent)
- 冲刺阶段 day1
- java开发-技能要求-分词频度统计
- Ubuntu 12.04 DNS服务器的配置方法
- Win7玩游戏偶尔自动跳转到桌面的解决办法[转]
- 破解版sublimeText3重新安装Package Control方法
- 【现代程序设计】【期末作业】【homework-09】
- oracle数据库导入导出的dmp(转)
- jetty之建立多Connector
- redmine fastcgi常常崩溃的解决方式
- u Calculate e
- fastjson 之常见的数据类型与json的相互转换
- ARCH和LGWR进程同步DG日志的区别
- 【Linux】CentOS7下安装JDK详细过程
- 浅谈在java中list集合的排序问题
- 访问WEB-INF下的jsp页面
- C++经典面试题(最全,面中率最高)
- Linux基础命令---切换用户su
- js 数组去重的几种方式及原理
热门文章
- XVII Open Cup named after E.V. Pankratiev Stage 14, Grand Prix of Tatarstan, Sunday, April 2, 2017 Problem J. Terminal
- selenium+python学习总结
- Windows 配置安卓环境变量
- 【虚拟机】linux 桥接模式 固定静态IP
- Spring编码过滤器:解决中文乱码
- elasticsearch搜索集群基础架构
- 《Java程序设计》 第2周学习总结
- 20145211《网络渗透》msf辅助模块的应用
- MySQL中变量的用法——LeetCode 178. Rank Scores
- C语言一些总结