当一个字符串长度大于16的时候,后面的用省略号代替

今天需要一个将取出的一个字段只截取16个,然后后面的用省略号代替~~~

这就要用到string字符串的操作了,在这里就用到了两个字符串的操作哦~~~~

 

<template>
    <div class="vdetail">
        <h2>{{data}}</h2>
    </div>
</template>

<script>
export default {

  name: 'vdetail',

  data () {
    return {
        data:'我是泡泡大人,完成一张图的效果到底是什么,我也不太清楚'
    }
  },
  mounted() {
      console.log(this.data.length)
      if(this.data.length > 16) {
          //方法1:截取15个字符,之后的用省略号拼接~~~
        console.log(this.data.slice(0,15).concat('...'))

        //方法2:直接在后面加...
        console.log(this.data.substring(0,15)+'...')

      }

  }

}
</script>

<style lang="css" scoped>
    h2 {
        text-align: left;
    }
</style>

 

posted @ 2017-12-11 17:02  Mrspao  阅读(1477)  评论(0编辑  收藏  举报