當一個字符串長度大於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>