vue过滤器可以串联，也可以接收参数，

ohmorning

于 2021-04-12 11:22:37 发布

阅读量280

点赞数

本文链接：https://blog.csdn.net/qq_41818857/article/details/115616695

版权

关键词由CSDN通过智能技术生成

<!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>