热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Vue开发技巧:实现数据过滤与排序功能详解

篇首语:本文由编程笔记#小编为大家整理,主要介绍了vue显示过滤排序相关的知识,希望对你有一定的参考价值。 sc

篇首语:本文由编程笔记#小编为大家整理,主要介绍了vue显示过滤排序相关的知识,希望对你有一定的参考价值。






script判断了除2余0的结果。

在这里插入图片描述

html>
<html>
<head>
<meta charset&#61;"utf-8">
<title>title>
<script src&#61;"vue.js" type&#61;"text/Javascript" charset&#61;"utf-8">script>
head>
<body>
<div id&#61;"app">
<li v-for&#61;"n in evenNumbers">{{ n }}li>
div>
<script type&#61;"text/Javascript">
var vm &#61; new Vue({
el: &#39;#app&#39;,
data: {
numbers: [ 1, 2, 3, 4, 5 ]
},
computed: {
evenNumbers: function () {
return this.numbers.filter(function (number) {
return number % 2 &#61;&#61;&#61; 0
})
}
}
});
script>
style>
body>
html>





推荐阅读
author-avatar
mobiledu2502922985
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有