Article View: pl.comp.lang.javascript
Article #52016Re: vue.js i radio buttons
From: rePeter
Date: Fri, 22 Feb 2019 10:33
Date: Fri, 22 Feb 2019 10:33
40 lines
3553 bytes
3553 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
Technical Details
Message-ID:
<20190222113348.508d8987@spam.no>Path:
mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!newsfeed2.atman.pl!newsfeed.atman.pl!goblin1!goblin.stu.neva.ru!newsfeed.neostrada.pl!unt-exc-01.news.neostrada.pl!unt-spo-b-01.news.neostrada.pl!news.neostrada.pl.POSTED!not-for-mailReferences:
<20190220135547.0ff5c5a4@spam.no> <e069157b-f97c-4571-a80b-3bdabb490022@googlegroups.com>Show Full Headers
Complete Article Headers
Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!newsfeed2.atman.pl!newsfeed.atman.pl!goblin1!goblin.stu.neva.ru!newsfeed.neostrada.pl!unt-exc-01.news.neostrada.pl!unt-spo-b-01.news.neostrada.pl!news.neostrada.pl.POSTED!not-for-mail Date: Fri, 22 Feb 2019 11:33:48 +0100 From: rePeter <no@spam.no> Newsgroups: pl.comp.lang.javascript Subject: Re: vue.js i radio buttons Message-ID: <20190222113348.508d8987@spam.no> References: <20190220135547.0ff5c5a4@spam.no> <e069157b-f97c-4571-a80b-3bdabb490022@googlegroups.com> X-Newsreader: Claws Mail 3.17.3 (GTK+ 2.24.32; x86_64-redhat-linux-gnu) Face: iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAG1BMVEUxAAAICQEfGgMxLBluTiZk VUKokIHZxrfw5cxOzu4dAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAG68AABuv AV4akRwAAAAHdElNRQfdCgoMORq9hdAwAAAB6UlEQVQ4y72UTW/bMAyG1Q3udhxldOdIXu6LDefc LUrPbVy517WJ5d6LmvkFs3/2XlpJm6ALhu0wAv4AH5F8JRJS6v/Zx2How1t38jgMQ9f4N/4a/r7x vvp6DHwrAVUBOyJJuZUAuHNbHIL3An5W8GbWHoZ4D9DdfidtiLJXcu6Wj9xv3MKQJdLZS7aNW7bc OeeMBiBb5LvSt87dcXBuQVSMIdZG8MW5q7BxDqszAWRtLWAtP+HWzWQxXviYqYAbomkb8tFjjXzI ZvUI0nrg9eiJfoi4Bljp+Xbou1lW0YuZ+Q9EpC0Ar3WW252b7AVEmTkHxs5n0LkrYUjXKknbLgTE PKA2tIoGPKV6d8Hey7k/YylFvbCpWn1+xnnXW+5XOI0sJx2Vq5u7e0qLkhmdKn3+ClYtdpiVLD0M YWHJjiBVCd/TLK0FAG2MLmyskfCDScs2gqH7potcRE/UOVfW7kHfLQAk4lJ9YExBHXgbwVoXsg19 iYgG/sBjCE6GCsmUAoSm9Hsw8JPVURRA8ACt5Oq5fzImbkNAFSP6gRnaR8MMJU3l/VIIc9d2ZuyW ltY6lfilQy7mRl2f0a5EHEUMCUhAQ2OmyX6qvcfTyO8xOLA/AHUCfPobcHYiE4A2kxNg8vubwEz+ 9Q75BXnjpsEcTD9yAAAAAElFTkSuQmCC MIME-Version: 1.0 Lines: 55 Organization: Telekomunikacja Polska NNTP-Posting-Host: 109.197.191.229 X-Trace: 1550831629 unt-rea-a-02.news.neostrada.pl 497 109.197.191.229:54992 X-Complaints-To: abuse@news.neostrada.pl Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit