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

Posted 2020-10-17 Mrspao

今天需要一个将取出的一个字段只截取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>