vue过滤器-传参

vue过滤器-传参

目标: 可同时使用多个过滤器, 或者给过滤器传参

• 语法:
  • 过滤器传参: vue变量 | 过滤器(实参)

<template>
  <div>
 <!-- 1.传一个 - 过去 -->
    <p> {{ msg | fan('-') }}</p>
   
  </div>
</template>

<script>
export default {
  data(){
    return {
      msg: 'Hello'
    }
  },
  filters: {
    // str：第一个参数是固定的，是数据本身msg
    // 2.从第二个开始接受的就是具体的参数，这里用 s 接收
    // 3.调用join(s)  
    // 这里可以设一个默认值为：'',没传参就是''(空字符串)，传了就用你传的具体值
  fan:(str,s='') => { return str.split('').reverse().join(s)}
  }
}
</script>

<style>

</style>