创建:

  1. //main.js
  2. Vue.filter("format",function(val){
  3. if(val.length>6){
  4. val = val.slice(0,6)+"..."
  5. }
  6. return val
  7. })

使用:

  1. /*创建后直接调用,无需引入文件 .vue中使用*/
  2. <template>
  3. <div>
  4. <img :src="data.coverImgUrl" />
  5. <p>{{data.name | format()}}</p>
  6. </div>
  7. </template>