Sobes.tech
Junior

Да ли сте упознати са модификаторима за директиву v-bind?

sobes.tech АИ

Одговор од АИ

Da, poznajem. V-bind ima nekoliko modifikatora:

  • .prop: Zakonito postavlja atribut kao DOM svojstvo. Korisno kada standardno HTML ponašanje atributa nije prikladno.
  • .attr: Zakonito postavlja atribut kao DOM atribut. Retko se koristi, jer v-bind podrazumevano pokušava biti pametan.
  • .camel: Pretvara ime atributa u camelCase. Korisno za SVG i druge elemente sa atributima poput viewBox.
  • .sync (Vue 2.x, uklonjeno u Vue 3.x): Sintaktički šećer za dvostrano povezivanje propsova.

Najčešće korišćen modifikator je .prop, posebno kada radite sa prilagođenim komponentama ili specifičnim DOM svojstvima koja se ne mogu postaviti putem standardnih atributa, kao što je value na elementima koji nisu input.

Primer korišćenja .prop:

<!-- Postavlja svojstvo innerHTML elementa -->
<div v-bind:innerHTML.prop="htmlString"></div>