Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > pl.comp.lang.javascript > #3602 > unrolled thread

vue.js i radio buttons

Back to article view | Back to pl.comp.lang.javascript

Contents

  vue.js i radio buttons rePeter <no@spam.no> - 2019-02-20 13:55 +0100
    Re: vue.js i radio buttons zpksoft <zpksoft@op.pl> - 2019-02-22 02:25 -0800
      Re: vue.js i radio buttons rePeter <no@spam.no> - 2019-02-22 11:33 +0100

#3602 — vue.js i radio buttons

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

[toc] | [next] | [standalone]

#3603

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ł

[toc] | [prev] | [next] | [standalone]

#3604

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

[toc] | [prev] | [standalone]

Back to top | Article view | pl.comp.lang.javascript

csiph-web