🚀 go-pugleaf

RetroBBS NetNews Server

Inspired by RockSolid Light RIP Retro Guy

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
#50519
Author: rePeter
Date: Wed, 20 Feb 2019 13:55
44 lines
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
#50520
Author: zpksoft
Date: Fri, 22 Feb 2019 02:25
49 lines
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
#50521
Author: rePeter
Date: Fri, 22 Feb 2019 11:33
54 lines
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