Thread View: pl.comp.lang.javascript
3 messages
3 total messages
Started by rePeter
Wed, 20 Feb 2019 13:55
vue.js i radio buttons
Author: rePeter
Date: Wed, 20 Feb 2019 13:55
Date: Wed, 20 Feb 2019 13:55
44 lines
1516 bytes
1516 bytes
Pomóżcie bo mam pomroczność jasną, nie potrafię elegancko powiązać vue z html w zakresie pól formularza. Chodzi o pola typu radio, gdzie wynik wyboru powinien być powiązany z jedną zmienną vue a chciałbym aby dane do pętli <li> były pobierane z jednego obiektu arrow którego dwa pierwsze rekordy to właśnie parametry związane ze sobą pola wyboru type="radio" name="stala" dalsze rekordy to różne pola mieszane które przechowują stany we własnych zmiennych np. arrow.dlugosc.value Skrótem, jak spowodować aby arrow.stala.value i arrow.stala2.value były tą samą zmienną przechowującą wybór? html: <ul> <li v-for="item in arrow"> <label> {{ item.label }} <input :type="item.typ" :name="item.name" :value="item.v" v-model="item.value" > {{ item.units }} </label> vue.js: var data = { arrow: { stala: {label: 'Stała:', typ: "radio", name: 'stala', v: 175, value: "", units: '175'}, stala2: {label: '', typ: "radio", name: 'stala', v: 150, value: "", units: '150'}, dlugosc: {label: 'długość:', typ: "text", value: "", units: 'mm'}, szerokosc: {label: 'szerokość:', typ: "text", value: "", units: 'mm'}, ... Z góry dzięki za sugestie. -- pozdrawiam, Peter
Re: vue.js i radio buttons
Author: zpksoft
Date: Fri, 22 Feb 2019 02:25
Date: Fri, 22 Feb 2019 02:25
49 lines
1793 bytes
1793 bytes
W dniu środa, 20 lutego 2019 13:55:50 UTC+1 użytkownik rePeter napisał: > Pomóżcie bo mam pomroczność jasną, > nie potrafię elegancko powiązać vue z html w zakresie pól formularza. > Chodzi o pola typu radio, gdzie wynik wyboru powinien być powiązany z jedną zmienną vue > a chciałbym aby dane do pętli <li> były pobierane z jednego obiektu arrow > którego dwa pierwsze rekordy to właśnie parametry związane ze sobą pola wyboru type="radio" name="stala" > dalsze rekordy to różne pola mieszane które przechowują stany we własnych zmiennych np. arrow.dlugosc.value > > Skrótem, jak spowodować aby arrow.stala.value i arrow.stala2.value były tą samą zmienną > przechowującą wybór? > > html: > <ul> > <li v-for="item in arrow"> > <label> > {{ item.label }} > <input :type="item.typ" :name="item.name" :value="item.v" v-model="item.value" > {{ item.units }} > </label> > > vue.js: > var data = { > arrow: { > stala: {label: 'Stała:', typ: "radio", name: 'stala', v: 175, value: "", units: '175'}, > stala2: {label: '', typ: "radio", name: 'stala', v: 150, value: "", units: '150'}, > dlugosc: {label: 'długość:', typ: "text", value: "", units: 'mm'}, > szerokosc: {label: 'szerokość:', typ: "text", value: "", units: 'mm'}, > ... > > Z góry dzięki za sugestie. > > > -- > pozdrawiam, Peter zadeklarować zmienne jako obiekt a nie string? Wtedy mogły by wskazywać na to samo. Paweł
Re: vue.js i radio buttons
Author: rePeter
Date: Fri, 22 Feb 2019 11:33
Date: Fri, 22 Feb 2019 11:33
54 lines
2003 bytes
2003 bytes
Fri, 22 Feb 2019 02:25:22 -0800 (PST) zpksoft <zpksoft@op.pl> napisał(a): > W dniu środa, 20 lutego 2019 13:55:50 UTC+1 użytkownik rePeter napisał: > > Pomóżcie bo mam pomroczność jasną, > > nie potrafię elegancko powiązać vue z html w zakresie pól formularza. > > Chodzi o pola typu radio, gdzie wynik wyboru powinien być powiązany z jedną zmienną > > vue a chciałbym aby dane do pętli <li> były pobierane z jednego obiektu arrow > > którego dwa pierwsze rekordy to właśnie parametry związane ze sobą pola wyboru > > type="radio" name="stala" dalsze rekordy to różne pola mieszane które przechowują > > stany we własnych zmiennych np. arrow.dlugosc.value > > > > Skrótem, jak spowodować aby arrow.stala.value i arrow.stala2.value były tą samą > > zmienną przechowującą wybór? > > > > html: > > <ul> > > <li v-for="item in arrow"> > > <label> > > {{ item.label }} > > <input :type="item.typ" :name="item.name" :value="item.v" > > v-model="item.value" > {{ item.units }} </label> > > > > vue.js: > > var data = { > > arrow: { > > stala: {label: 'Stała:', typ: "radio", name: 'stala', v: 175, value: > > "", units: '175'}, stala2: {label: '', typ: "radio", name: 'stala', v: 150, value: > > "", units: '150'}, dlugosc: {label: 'długość:', typ: "text", value: "", units: 'mm'}, > > szerokosc: {label: 'szerokość:', typ: "text", value: "", units: 'mm'}, > > ... > zadeklarować zmienne jako obiekt a nie string? Wtedy mogły by wskazywać na to samo. Dzięki za odpowiedź, rozwiązałem już problem dodatkowym warunkiem ale sprawdzę jeszcze z podstawieniem obiektu. -- pozdrawiam, Peter
Thread Navigation
This is a paginated view of messages in the thread with full content displayed inline.
Messages are displayed in chronological order, with the original post highlighted in green.
Use pagination controls to navigate through all messages in large threads.
Back to All Threads