vue截取字符串长度组件

最新推荐文章于 2024-04-16 16:00:38 发布

是文静的

最新推荐文章于 2024-04-16 16:00:38 发布

阅读量1.9k

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/qq_44091061/article/details/122498888

版权

Ellipsis .vue

<template>
  <a-tooltip placement="topLeft">
    <template slot="title">
      <span>{{ value }}</span>
    </template>
    {{ value.substring(0,value.indexOf(".") + length+1) }}
  </a-tooltip>
</template>

<script>
export default {
  name: 'Ellipsis ',
  props: {
    value: {
      type: String,
      required: false,
      default: ''
    },
    length: {
      type: Number,
      required: false,
      default: 25
    }
  }
}
</script>

<style scoped>

</style>

<template>
  <Ellipsis :value="ellipsis" :length="4"></JEllipsis>
</template>

<script>
import Ellipsis from '@/components/jeecg/JEllipsis.vue'
export default {
  components: {
    Ellipsis 
  },
  data () {
    return {
      ellipsis: '1106.123456123456789789456132123456789456132',
    }
  },
  methods: {}
}
</script>

<style scoped>

</style>