VUE中自定义过滤器

在vue中使用过滤器修改某些字段

<template>
    <!--展示数据-->
  <div>金额：{{ ss | yuan}}</div>

</template>

<script>
    export default {
        data(){
          return{
            // 要过滤的数据
            ss:10
          }
        },
      
      // 定义过滤方法
      filters:{
          // 接受要过滤的参数
        yuan:function (value) {
          // 给过滤的数据加元
         return value+'元'
         }
        }

    }
</script>

<style scoped>

</style>

页面展示