過濾器串聯執行-加參數

時間 2019-12-09

標籤過濾器串聯執行參數简体版

原文原文鏈接

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

相關標籤/搜索