AzClipText
O azClipText
é utilizado para limitar a quantidade de caracteres que será exibido no texto.
Utilização
HTML
<p>{{ phrase | azClipText(size) }}</p>
Vue.js
export default {
data() {
return {
phrase: 'Pokem ipsum dolor sit amet Charizard.',
size: 10
}
}
}
Resultado
API
Params | Descrição | Default |
---|---|---|
text | Texto completo a ser exibido. | String |
length | Limite de caracteres que deve ser exibido. | String |
suffix | Informações que devem ser mostradas ao chegar ao limite. | String - ... |
Exemplo
HTML
<p>{{ phrase | azClipText(size, ' [...]') }}</p>
Vue.js
export default {
data() {
return {
phrase: 'Pokem ipsum dolor sit amet Charizard.',
size: 25
}
}
}
Resultado