@Old_Chicken

Как обрезать слишком длинный текст при выводе?

Как при выводе текста сделать так, чтобы все символы после 16-го превращались в три точки?

const app = new Vue({
  el: '#app',
  data() {
    return {
      items: [
        {text: 'qweewqeqweqw qweeqweq kqwe,qlwe, eqwe'},
        {text: 'qweewqeqweqw qweeqweq kqwe,qlwe, eqwe'},
        {text: 'qweewqeqweqw qweeqweq kqwe,qlwe, eqwe'},
        {text: 'qweewqeqweqw qweeqweq kqwe,qlwe, eqwe'},
        {text: 'qweewqeqw'},
        {text: 'qweewqeqweqw qweeqweq kqwe,qlwe, eqwe'},
        {text: 'qweewqeqw'},
        {text: 'qweewqeqweqw qweeqweq kqwe,qlwe, eqwe'},
        {text: 'qweewqeqw'},
     ],
    }
  },
  methods: {
    Massageforpeople() {
      if (this.items.text.length >= 16) {
        
      }
    }
  },
});

<div class="" id="app">
      <div class="block" v-for="item in items">
         {{Massageforpeople()}} - {{item.text.length}}
      </div>
   </div>
  • Вопрос задан
  • 653 просмотра
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
methods: {
  short: (str, maxlen) => str.length <= maxlen ? str : str.slice(0, maxlen) + '...',
},

<div v-for="n in items" v-text="short(n.text, 16)"></div>
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
noder_ss
@noder_ss
Линуксоид-энтузиаст и SQL разработчик
Легко ищется:
<body>
<p class="text">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consequuntur laudantium commodi corporis, sunt repellendus impedit quo veritatis reiciendis. Deleniti sequi cumque id animi cupiditate, cum maiores eaque minus maxime itaque.</p>

</body>
<script>
let text = document.querySelector('.text')

text.innerHTML = text.innerHTML.slice(0, 16) + "..."
</script>
Ответ написан
Комментировать
firedragon
@firedragon
Не джун-мидл-сеньор, а трус-балбес-бывалый.
Варианты выше предложенные в принципе рабочие, но есть решение на основе css
https://www.tune-it.ru/web/leksa/blog/-/blogs/3044392
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы