Vue - kako se referirati iz metode na element

Pozdrav,

kako se možemo iz vue metode referirati na element u kojem se ta metoda izvršava, ali kada se ne radi o clicku ili nekoj drugoj akciji gdje imamo event…npr:

<span>{{formatName(someName)}}</span>

Znači, kako unutar metode formatName() dohvatiti SPAN element unutar kojeg se metoda izvršava?

Hvala.

Na element se referira sa https://v3.vuejs.org/guide/component-template-refs.html
Ali u tvom slucaju to nece raditi jer kao sto veli u upozorenju :

$refs are only populated after the component has been rendered.

Sto zelis postici…mozda implemetacija custom render funkcije moze pomoci

Konkretno želim postići sljedeće:

{{formatName(someName)}}

Metoda formatName formatira ime na način:

  • ako je ime kraće od xx znakova, ispisuje cijelo ime
  • no ako je ime druže od xx znakova ispisuje samo početak imena - plus “tri točkice”, pri tome u title elementa postavlja puno ime.

(mada ovo nije jedini put da mi je element zatrebao …no u drugim varijantama uglavnom ima načina za doći do elementa, a za postići gornju želju nema baš smisla drugačije dolaziti do elementa nego baš kroz metodu formatName() )

Nekako ovako to mozes postici, koristeci v-bind: https://jsfiddle.net/b6ng74y0/2/

Ako se koristi ref, ondak ovako: https://jsfiddle.net/zyu3h0bd/


Copyright © 2021 WM Forum - AboutContact