Laravel Türkiye Discord Kanalı Forumda kod paylaşılırken dikkat edilmesi gerekenler!Birlikte proje geliştirmek ister misiniz?

Vue Tarafında Bir Metni bir Karakterden Sonra "..." Şeklinde Gösterebilirim ?

koti42

 span.span.product-title(v-if="item.portal_product_show_name!=null")
                         el-tooltip.item(effect='dark', :content='item.portal_product_show_name', placement='top-start') 
                          .span-product-title {{ item.portal_product_show_name }}

şu şekilde bir kodum var dostlar ürün başlığı yazıyorum ama ürün başlığı 20 karakterden uzun olursa "..." nokta şeklinde görünmesini istiyorum bunu nasıl yapabilirim

Başlık sınırı yeterli gelmediği için Türkçem bozuk gibi oldu biraz 😃

mgsmus

koti42 Tailwind kullanıyorsanız CSS ile <p class="truncate">Buraya uzun yazı</p> şeklinde truncate kullanarak yapabilirsiniz. https://tailwindcss.com/docs/text-overflow#basic-usage

BoraN7

Minik bir Google araması ile aşağıdaki fonksiyona ulaştım.
Bu fonksiyonu uyarlayabilirsiniz en basitinden.
Alternatif daha pratik yöntemler varsa arkadaşlar yazar zaten 🙂

function fn(text, count){
    return text.slice(0, count) + (text.length > count ? "..." : "");
}

console.log(fn("aognaglkanglnagln", 10));

koti42

BoraN7 Teşekkür ederimm.

sineld

Vue için bu paketi kullanıyorum ben, tavsiye ederim:
https://github.com/orlyyani/read-more