过滤器串联执行-加参数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<div id="app">
    {{ float_number|toInt1|toInt2(3, 22) }}

    <!-- 过滤器可以被串联执行(顺序执行) toInt1 和 toInt2 是方法 (3,22)是实参  float_number需要过滤的数据本身就是个参数-->

</div>
    
</body>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
    new Vue({
        el: '#app',
      data: {
        float_number: 3433.45
      },
      filters: {  //filters属性关键字,过滤器不过是一个方法,
        toInt1: function (value1) {
          return parseInt(value1);
        },
        // toInt1  方法一
        toInt2: function (value2,a1,a2) {
          return value2+a1+a2;
        }
        //toInt2 方法2
      }
    })
</script>
</html>

 

posted @ 2017-09-12 23:00  Jinsuo  阅读(230)  评论(0编辑  收藏  举报